Web Fundamentals - HTML основи - задача 4 - HTML Lists
Здравейте,
Имам проблем с четвърта задача от домашното HTML основи, HTML Lists.
Трябва да се използват нестнати листове за да изглежда така самият лист :
Обаче след като го напиша, или поне си мисля как би могло да стане, при мен изглежда ето така:
Притеснява ме единствено разстоянието отдоло което се намира между листовете, и как самият тип на листа не отговаря на реда на буквата както е в домашното.
Ето го и кода:
<!DOCTYPE html>
<html>
<head>
<title>List</title>
</head>
<body>
<ol type = "I">
<li>List item 1</li>
<ol type = "a">
<li>Nested item 1.1</li>
<li>Nested item 1.2</li>
</ol>
<li>List item 2</li>
<ol type = "1">
<li>Nested item 2.1</li>
<li>Nested item 2.2</li>
<ul type = "circle">
<li>Nested item 2.2.1</li>
<li>Nested item 2.2.2</li>
<ul type = "square">
<li>Nested item 2.2.2.1</li>
<li>Nested item 2.2.2.2</li>
</ul>
<li>Nested item 2.2.3</li>
</ul>
<li>Nested item 2.3</li>
</ol>
<li>List item 3</li>
<ul type = "disc">
<li>Nested item 3.1</li>
<li>Nested item 3.2</li>
<li>Nested item 3.3</li>
</ul>
</ol>
</body>
</html>
Ако някои би могъл да помогне, ще бъда много благодарен.
Той решава задачи от курса по HTML, а не от CSS. Имайте милост, навремето и вие не сте знаели, че HTML документ може да се стилизира (и как) чрез CSS.