HTML5: Создайте неупорядоченный маркированный список

В HTML есть специальный элемент для создания неупорядоченного маркированного списка.

Неупорядоченный список создается с помощью элемента <ul>. Внутри него содержатся элементы <li> - пункты списка.

Например код:

<ul>

  <li>milk</li>

  <li>cheese</li>

</ul>

создаст маркированный список из двух пунктов "milk" и "cheese".

Замените элементы p неупорядоченным списком из трех вещей, которые любят котята.


36
1
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
2
<style>
3
  .red-text {
4
    color: red;
5
  }
6
7
  h2 {
8
    font-family: Lobster, Monospace;
9
  }
10
11
  p {
12
    font-size: 16px;
13
    font-family: Monospace;
14
  }
15
16
  .thick-green-border {
17
    border-color: green;
18
    border-width: 10px;
19
    border-style: solid;
20
    border-radius: 50%;
21
  }
22
23
  .smaller-image {
24
    width: 100px;
25
  }
26
</style>
27
28
<h2 class="red-text">CatPhotoApp</h2>
29
30
<p>Click here for <a href="#">cat photos</a>.</p>
31
32
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
33
34
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
35
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
36