Здравствуйте все.
Бьюсь над решением проблемы уже два дня. Не могу сделать обтекание кнопочки текстом, код ниже:
<div class="main">
<div class="class_div1">
<p class="class_p">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolores.</p>
</div>
<div class="class_div2">
<a class="class_a" href="#">Button</a>
</div>
</div>
* {
margin: 0;
padding: 0;
}
.main {
width: 600px;
}
.class_div1 {
background: #ccc;
display: block;
border: 1px solid #000;
}
.class_a {
background: yellow;
display: block;
border: 1px solid #000;
width: 50px;
text-align: center;
float: right;
margin-top: -20px;
}
Посмотреть можно «
здесь».
Возможно не работает потому, что моя «кнопка» находится ниже текста в коде, но решить проблему так и не могу, поэтому прошу помощи у вас.
Да, и проблема в том, что решить нужно используя только css, не изменяя html код.
Иными словами вот как оно сейчас выглядит, и чуть ниже, как мне нужно.