Роман Титок
359 сообщений
#13 лет назад


Приветствую, комрады.
Задача сделать что-бы ссылка "read more" располагалась как бы внутри параграфа, но на самом деле она снаружи. Скрипты применять нельзя. Можно ли вообще это сделать с помощью css+html?
Нужно чтобы было так как на скрине выше. Вот код:

<style>
.wrapper {
width:500px;
margin-left:auto;
margin-right:auto;
}
</style>
<div class="wrapper">
<p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. </p>
<a href="#">read more</a>
</div>


P.S. Уже мозг сломал. Может у кого какие идеи будут? :!:
Виталий О.
403 сообщения
#13 лет назад
.wrapper p, .wrapper a { display: inline; }
Вроде задачу решает
Роман Титок
359 сообщений
#13 лет назад
Gia-WEB, реально большое спасибо! Работает. Как всегда - верное решение наиболее простое.