Ordered list and unordered list
Hello guys please support me and share more
Copy code
<!doctype html>
<html>
<head>
<style type="text/css">
on {
list-style-type:none;
counter-reset:list;
}
on d:before {
counter-increment:list;
content: counters(list, ".") ". ";
}
</style>
<title>
</title>
</head>
<body>
<h1> name of cars</h1>
<ol type="">
<li> Dzire</li>
<li> ertica</li>
<li> swift</li>
<li> kia</li>
</ol>
<ol type="" start="100" >
<li> Dzire</li>
<li> ertica</li>
<li> swift</li>
<li> kia</li>
</ol>
<ol type="I">
<li> Dzire</li>
<li> ertica</li>
<li> swift</li>
<li> kia</li>
</ol>
<ol type="i">
<li> Dzire</li>
<li> ertica</li>
<li> swift</li>
<li> kia</li>
</ol>
<ol type="A">
<li> Dzire</li>
<li> ertica</li>
<li> swift</li>
<li> kia</li>
</ol>
<ol type="a">
<li> Dzire</li>
<li> ertica</li>
<li> swift</li>
<li> kia</li>
</ol>
<ol type="1.1" id="on" >
<li id="d"> Dzire</li>
<li id="d"> ertica</li>
<li id="d" > swift</li>
<li id="d" > kia</li>
</ol>
<ol type="1" reversed="reversed" >
<li> Dzire</li>
<li> ertica</li>
<li> swift</li>
<li> kia</li>
</ol>
<h1>Unordered list</h1>
<ul style="list-style:circle;">
<li>dzire</li>
<li>eretica</li>
<li>swift</li>
<li>thar</li>
</ul>
<ul style="list-style:square;">
<li>dzire</li>
<li>eretica</li>
<li>swift</li>
<li>thar</li>
</ul>
<ul>
<li>dzire</li>
<li>eretica</li>
<li>swift</li>
<li>thar</li>
</ul>
</body></html>
name of cars
- Dzire
- ertica
- swift
- kia
- Dzire
- ertica
- swift
- kia
- Dzire
- ertica
- swift
- kia
- Dzire
- ertica
- swift
- kia
- Dzire
- ertica
- swift
- kia
- Dzire
- ertica
- swift
- kia
- Dzire
- ertica
- swift
- kia
- Dzire
- ertica
- swift
- kia
Unordered list
- dzire
- eretica
- swift
- thar
- dzire
- eretica
- swift
- thar
- dzire
- eretica
- swift
- thar
Comments