Remove ordered list numbers

Wed Feb 22, 2012 12:22 pm

In this example we remove the numbers appears in the ordered list when using OL tag using the CSS properties.

Code:
<html>
<
head>
  <
title>Remove ordered list numbers</title>
  <
meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <
style type="text/css" media="screen">
  
#RemoveListnumber {
    
list-stylenone;
    }

  </
style>
</
head>

<
body>

    <
center>
     <
p>
       
In this example we remove the numbers in 
       the ordered 
list.
     </
p>
    </
center>
<
div  >
  <
ol id="RemoveListnumber">
    <
li id="one">Option1 </li>
    <
li id="two">Option2 </li>
    <
li id="three">Option3 </li>
    <
li id="four">Option4 </li
    <
li id="five">Option5 </li>
  </
ol>
</
div>



</
body>
</
html>

 




  Related Posts  to : Remove ordered list numbers
 ordered list with roman numbers     -  
 creating non ordered list using UL tag.     -  
 nested ordered list     -  
 Add border around ordered list elements     -  
 ordered list from specific number     -  
 unordered-ordered-Definition-list-HTML-Tags     -  
 Remove Indentation     -  
 Remove all the vowels from a string     -  
 remove page title     -  
 Remove border of the linked image     -  

Topic Tags

HTML List