"Плавающая" картинка и список

AnrDaemon

Продвинутый новичок
Заметил тупизм, причём по ходу во всех браузерах.
Если есть код
Код:
<!DOCTYPE html>
<html>
<head>
<style type="text/css"><!--
img {
  width: 10ex; height: 20ex;
  margin-right: 1.7ex;
  float: left; /* <=== */
}
//--></style>
</head>
<body><img src="/gallery/image.jpg"/>
<ul><li>...</li><li>...</li><li>...</li><li>...</li><li>...</li></ul></body>
</html>
Точки маркеров списке налезают на картинку.
Пробовал разные трюки, но что-то не получается заставить их свалить с насиженного места.
Есть простое решение? Или придётся конкретно морочиться с маркерами?
 

Adelf

Administrator
Команда форума
Это их нормальное поведение. Как просто вариант - можешь побольше margin-right поставить и все. А так.. там можно похимичить с CSS этого списка.

Нагуглил таки. https://webref.ru/css/list-style-position
 

AnrDaemon

Продвинутый новичок
Помогло. Странно, что сам до него не дочитал. >.<
Спасибо ещё раз!
 
Сверху