Лишний margin справа

176
11 марта 2019, 16:20

Не могу понять откуда берётся margin справа.

Генерирую список и элементы списка с помощью js:

$('#listItem').append('<ul id = "itemUl"></ul>');  
$('#itemUl').append('<li id = "itemListItem">'+prodName+' - '+prodQuant+' шт.<a class="closebutton" id = "deleteFromCart" onclick = "deleteFromCart(this)">&times;</a><input type = "hidden" id = "deleteProdId" value = "'+prodId+'"></li>');

Нужно переместить крестик снизу вправо, чтобы он был рядом с текстом

Answer 1

У Вас #itemListItem шириной 90%

  1. Увеличьте до ста - width: 100%
  2. или отцентруйте - margin: auto
  3. либо отрицательные марджины
Answer 2

Если речь про часть подсвеченную оранжевым, то это не margin, это width 90%.

Еще в вас li с одинаковым id - это не очень хорошо, переделайте на класс.

Еще у вас наверное ссылка с крестиком блочный элемент, поэтому спрыгивает вниз строку. Попробуйте сделать блочно-строчным inline-block

READ ALSO
Как настроить вертикальный hitRadius в chartjs?

Как настроить вертикальный hitRadius в chartjs?

Сейчас hitRadius устроен так, что он отрабатывает только наведение на круговую область вокруг точкиМожно ли как-то настроить эту опцию так, чтобы...

139
Как в Node.js скачать список файлов?

Как в Node.js скачать список файлов?

допустим есть какой-то список файлов https://vkcom/images/emoji/D83DDC38

125
Формула для увеличения отличия чисел с сохранением позиций других элементов?

Формула для увеличения отличия чисел с сохранением позиций других элементов?

Нужно увеличить различия двух столбиков, при этом,сохранив позицию текста

153
JavaScript: удаление класса с задержкой

JavaScript: удаление класса с задержкой

При скролле страницы, блоку добавляется css класс, при скролле обратно класс удаляется:

154