Разместить div в конце строки (обтекание)

287
31 августа 2017, 17:42

Как разместить div в конце последней строки текста произвольной длины?

Answer 1

Для этого задайте внутреннему divdisplay:inline-block; или display:inline;:

.block { 
  border: #000 solid 2px; 
  line-height: 24px; 
} 
 
.inner { 
  border: #000 solid 2px; 
  padding: 0 5px; 
} 
 
.inner.inline { 
  display: inline; 
} 
 
.inner.inline-block { 
  display: inline-block; 
}
<div class="block"> 
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
  <div class="inner inline">DIV</div> 
</div> 
<br /><br /> 
<div class="block"> 
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco 
  <div class="inner inline-block">DIV</div> 
</div>

Answer 2

Попробуй display: inline; присвоить к диву

READ ALSO
Можно ли совместить html и картинки в один файл?

Можно ли совместить html и картинки в один файл?

У меня есть html документ, который содержит примерно 20 картинокВсе эти файлы лежат в одной папке

448
Так и должно быть?

Так и должно быть?

При получении JSON данных из php, JSON попадает в html

301
Верстка многостраничника - HTML

Верстка многостраничника - HTML

Kак многостраничники верстают? С лендингами все ясноИнтересуют переходы по ссылкам, например, в навигационном меню header

301
Разместить много картинок на сайте

Разместить много картинок на сайте

Есть очень много картинок, скажем, 300 тысячДоступ к ним идёт через ссылку

381