Heavenanvil
@Heavenanvil

Обтекание блока текстом с помощью css?

Здравствуйте все.
Бьюсь над решением проблемы уже два дня. Не могу сделать обтекание кнопочки текстом, код ниже:
<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 код.

Иными словами вот как оно сейчас выглядит, и чуть ниже, как мне нужно.
5c21fe5c32b86848131749.png
  • Вопрос задан
  • 149 просмотров
Решения вопроса 1
@soledar10
html css3 js jquery
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
от 56 000 до 56 000 руб.
Sveak Барнаул
от 50 000 руб.