CodeLab
Tutorials For Everyone
Run
Learn CSS
<!Doctype HTML> <html> <head> <title>CSS List Item Marker for Unordered Lists</title> <style> .list1{list-style-type:disc;} .list2{list-style-type:circle;} .list3{list-style-type:square;} .list4{list-style-type:none;} </style> </head> <body> <h2>CSS List Item Marker for Unordered Lists</h2> CSS List Item Markers Example: <hr> Top 5 Richest Cites in the world:<br> list-style-type:disc; <ul class="list1"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ul> <hr> Top 5 Richest Cites in the world:<br> list-style-type:circle; <ul class="list2"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ul> <hr> Top 5 Richest Cites in the world:<br> list-style-type:square; <ul class="list3"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ul> <hr> Top 5 Richest Cites in the world:<br> list-style-type:none; <ul class="list4"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ul> </body> </html>
Editor Commands
Ctrl
F
Find
Ctrl
G
Find Next
Ctrl
⇧
G
Find Previous
Ctrl
⇧
F
Find & Replace
Ctrl
]
Indent Code Right
Ctrl
[
Indent Code Left
⇧
Tab
Auto Indent Code
Ctrl
/
Line Comment
Ctrl
Alt
/
Block Comment
TutsInsider Actions
Alt
S
Run Code
Ctrl
C
Copy Editor Code
Ctrl
A
Select All Editor Code
Ctrl
S
Save/Download
Ctrl
Alt
X
Rotate
Ctrl
Alt
T
Switch Theme
Ctrl
⇧
C
Open Console
Esc
Close Console