gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Changes (#22701)

Browse Source
This commit is contained in:
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
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> <li>Allow to stand for ten minutes</li>
</ol> </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 ### 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. 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> </dl>
#### Styling List #### 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`. `list-style` property is a shorthand for `list-style-type`, `list-style-position`, `list-style-image`.