Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Заголовок документа</title> <style> .inside { list-style: inside; } .outside { list-style: outside; } li { border: 1px solid #ccc; } </style> </head> <body> <h2>Пример свойства list-style</h2> <h3>List-style имеет положение "inside":</h3> <ul class="inside"> <li>Шоколад</li> <li>Конфеты</li> <li>Леденцы</li> </ul> <h3>List-style имеет положение "outside":</h3> <ul class="outside"> <li>Холодные напитки</li> <li>Горячие напитки</li> <li>Мороженое</li> </ul> </body> </html>