0

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

1
  • div { display: inline-block; } 29 авг 2017 в 14:20

2 ответа 2

3

Для этого задайте внутреннему 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>

0

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.