Роман Титок
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, реально большое спасибо! Работает. Как всегда - верное решение наиболее простое.