бирка на пункт меню

139
08 марта 2019, 21:50

есть пункты подменю они имеют такую струкуру

<div>
    <a class="name-item" href="#">еслимноготекстпереноситься нановуюстрокуотпрапрап</a>
    <span class="new-item">
        <span>
            Бирка!
        </span>
        <span class="arr-it"></span>
    </span>
</div>

где a - это пункт подменю span - бирка

вопрос стоит такой, как привязать бирку к последнему слову 1 строки

Answer 1

Можно сделать при помощи float. Просьба уточнить вопрос, потому что способов масса, не факт, что этот подойдет вам.

<div class="item-with-tag">
    <a class="name-item" href="#">еслимноготекстпереноситься нановуюстрокуотпрапрап</a>
    <span class="new-item">
        <span>
            Бирка!
        </span>
        <span class="arr-it"></span>
    </span>
</div>

/*Эмулирование короткого меню*/
.item-with-tag{
  width: 200px;
  outline: 1px solid red;
  padding-top: 10px;
}
/*Конец эмулирования*/
.name-item{
  float: left;
  display: block;
  /*width: 200px;*/
}
.new-item{
  display: block;
  margin-left: -100px;
  float: right;
  margin-top: -15px;
}

JSFiddle чтобы поиграть шрифтами

READ ALSO
Отключение прокрутки slick

Отключение прокрутки slick

Может есть какое-либо свойство или решение, чтобы при использовании стрелок нижнего слайдера верхний оставался статичным?Необходимо чтобы...

159
вставить переменную в атрибут ,jq

вставить переменную в атрибут ,jq

код, который автоматически передает значения с одного инпута в другой , делая со значениями некоторые матемманипуляции

146
Вопрос про DataTable

Вопрос про DataTable

Сделал метод для выполнения любого sql запроса из базы данных, 1) подскажите, а вот DataTable в себя принимает результат выполнения запроса из базы,(то...

144
Реализация методов System.Object

Реализация методов System.Object

Задался вопросом, а где можно найти механизм методов SystemObject? Ведь все время мы только используем или перегружаем эти методы, а где можно найти...

147