Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!DOCTYPE html> <html> <head> <style> ul.a { list-style-position: outside; } ul.b { list-style-position: inside; } </style> </head> <body> <h1>Свойство list-style-position</h1> <h2>list-style-position: outside (по умолчанию):</h2> <ul class="a"> <li>Кофе - сваренный напиток, приготовленный из обжаренных кофейных зерен, которые являются семенами ягод растения Coffea.</li> <li>Чай - ароматный напиток, который обычно готовят путем заливки горячей или кипящей воды высушенных листьев Camellia sinensis, вечнозеленого кустарника (куста), произрастающего в Азии.</li> <li>Coca Cola - газированный безалкогольный напиток, производимый компанией The Coca-Cola Company. Название напитка связано с двумя его исходными ингредиентами: орехами кола (источником кофеина) и листьями коки.</li> </ul> <h2>list-style-position: inside:</h2> <ul class="b"> <li>Кофе - сваренный напиток, приготовленный из обжаренных кофейных зерен, которые являются семенами ягод растения Coffea.</li> <li>Чай - ароматный напиток, который обычно готовят путем заливки горячей или кипящей воды высушенных листьев Camellia sinensis, вечнозеленого кустарника (куста), произрастающего в Азии.</li> <li>Coca Cola - газированный безалкогольный напиток, производимый компанией The Coca-Cola Company. Название напитка связано с двумя его исходными ингредиентами: орехами кола (источником кофеина) и листьями коки.</li> </ul> </body> </html>
