greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Changes (#22701)

pull/23518/head^2
Lxsthorne 2018-11-24 21:07:51 -05:00 committed by Manish Giri
parent 5b4d3c3702
commit a1d25bb90f
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
guide/english/html/tutorials/how-to-use-lists/index.md
View File

@ -24,6 +24,23 @@ This list is created with `<ol>` tag. Each list item is surrounded with `<li>` t
<li>Allow to stand for ten minutes</li>
</ol>
An ordered list can also use Roman Numerals by including `type=I` or `type=i` in the `<ol>` tag.
##### Code
```html
<ol type=I>
<li>Mix ingredients</li>
<li>Bake in oven for an hour</li>
<li>Allow to stand for ten minutes</li>
</ol>
```
##### Example
<ol type=I>
<li>Mix ingredients</li>
<li>Bake in oven for an hour</li>
<li>Allow to stand for ten minutes</li>
</ol>
### Unordered Lists
An unordered list is used to group a set of related items, in no particular order. This list is created with `<ul>` tag. Each list item is surrounded with `<li>` tag.
@ -69,7 +86,7 @@ A description list is used to specify a list of terms and their descriptions. Th
</dl>
#### Styling List
You can also control the style of the list. You can use `list-style` property of lists. Your list can be bullets, square, in roman numearls or can be images you want.
You can also control the style of the list. You can use `list-style` property of lists. Your list can use bullets, squares, roman numerals or even images if you want.
`list-style` property is a shorthand for `list-style-type`, `list-style-position`, `list-style-image`.