float-left на той же строке, вставка против текста - PullRequest
0 голосов
/ 07 февраля 2019

Я застрял с разметкой, которую я получу.Компоненты являются вложенными, и поэтому односторонние изменения стали проблематичными.

Подсказки с метками обычно выглядят так:

<div col-md-6="4">
   <i class="icon"></i>
   <label>Some text</label>
</div>

i.icon {
  float: right;
}

Подсказка обычно находится на одном уровне вправо встолбец находится внутри.

Это выглядит ужасно в тех местах, где нет смываемых столбцов - подсказка просто плавает в середине страницы.

Так что вВ этих обстоятельствах я хочу переместить всплывающую подсказку так, чтобы она следовала сразу за после текста.

Конечно, если я с плавающей точкой: влево; значок переворачиваетсялевый край с текстом справа от него.

Есть ли способ применить CSS (только) к вышеупомянутой разметке, чтобы всплывающая подсказка упиралась в правый край из'some text'?

Естественно, универсальное решение важно: 'some text' имеет переменную длину.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...