Как сделать так, чтобы навигационные кнопки на предыдущей / следующей странице отображались в середине статьи (по вертикали - верх = 50%) И чтобы текст статьи одновременно оборачивался вокруг кнопок. Я попытался использовать относительное позиционирование в родительском div (), а затем абсолютное позиционирование для самих кнопок, и хотя кнопки правильно расположены на полпути вниз по странице, текст не оборачивается вокруг них. (К вашему сведению, кнопка «Следующая страница» скрыта изображениями в прилагаемом примере.) Вот посмотрите на страницу: http://nakedcitystories.com/frenchconnectiontestpagestack.html
Вот статья CSS:
article {
display: block;
margin-right: 5px;
margin-left: 165px;
margin-bottom: 5px;
border-style: solid;
border-width: 1px;
border-color: #9a9a9a;
width: 830px;
height: auto;
overflow: hidden;
padding-bottom: 5px;
padding-left: 5px;
margin-top: 30px;
position: relative;
}
А вот CSS предыдущей кнопки:
.previous {
background-color: black;
color: white;
float: left;
top: 50%;
position: absolute;
}