471,086 Members | 1,225 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,086 software developers and data experts.

How can i display list without Bullets?

Expand|Select|Wrap|Line Numbers
  1. !DOCTYPE html>
  2. <html>
  3. <body>
  4. <ul>
  5.   <li>First Name</li>
  6.   <li>Last Name</li>
  7.   <li>Address</li>
  8.   <li>phone number</li>
  9. </ul>  
  10. </body>
  11. </html>
Apr 11 '19 #1
7 17417
gits
5,390 Expert Mod 4TB
you can use css for that like this:

Expand|Select|Wrap|Line Numbers
  1. list-style-type: none;
Apr 11 '19 #2
AjayGohil
83 64KB
Try this code for list display without bullets
Expand|Select|Wrap|Line Numbers
  1. !DOCTYPE html>
  2. <html>
  3. <body>
  4. <ul style="list-style-type:none">
  5.   <li>First Name</li>
  6.   <li>Last Name</li>
  7.   <li>Address</li>
  8.   <li>phone number</li>
  9. </ul>  
  10. </body>
  11. </html>
May 1 '19 #3
gits
5,390 Expert Mod 4TB
well to have a valid document it should be

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html>
instead of
Expand|Select|Wrap|Line Numbers
  1. !DOCTYPE html>
but other then that its making good use of the above post :)
May 10 '19 #4
Chilibwe
1 Bit
Call in the list style and set it to none. Using gas. Example:

Expand|Select|Wrap|Line Numbers
  1.   <html>
  2. <head>
  3. <style>  
  4. </head>
  5. <body>
  6.   <ul style = "list-style:none"> <li>home</li> </ul>
  7. </body>
  8. </html>
Jul 17 '21 #5
sakshijn
2 2Bits
To create unordered list in HTML, use the <ul> tag.
The list item starts with the <li> tag and will be marked as disc, square, circle, none, etc.

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <ul>
  5.   <li>First Name</li>
  6.   <li>Last Name</li>
  7.   <li>Address</li>
  8.   <li>phone number</li>
  9. </ul>  
  10. </body>
  11. </html>
4 Weeks Ago #6
nehaattri
1 Bit
Create HTML and Add CSS...

Here, I am sharing an example of creating an display list without bullets:

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <title>Title of the document</title>
  5.     <style>
  6.       ul {
  7.         list-style-type: none;
  8.       }
  9.     </style>
  10.   </head>
  11.   <body>
  12.     <h1>W3Docs</h1>
  13.     <p>Our books:</p>
  14.     <ul>
  15.       <li>Learn HTML</li>
  16.       <li>Learn CSS</li>
  17.       <li>Learn Javascript</li>
  18.       <li>Learn Git</li>
  19.     </ul>
  20.   </body>
  21. </html>
1 Week Ago #7
zack23
1 Bit
You should do the list style none <ul style = "list-style:none"></ul> then you got the list without bullets.
Reference link.
1 Week Ago #8

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

12 posts views Thread by Steven Bethard | last post: by
5 posts views Thread by Howard Martin | last post: by
reply views Thread by DarrenWeber | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.