How can i display list without Bullets?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • gosai jahnvi
    New Member
    • Apr 2019
    • 22

    How can i display list without Bullets?

    Code:
    !DOCTYPE html>
    <html>
    <body>
    <ul>
      <li>First Name</li>
      <li>Last Name</li>
      <li>Address</li>
      <li>phone number</li>
    </ul>  
    </body>
    </html>
  • gits
    Recognized Expert Moderator Expert
    • May 2007
    • 5388

    #2
    you can use css for that like this:

    Code:
    list-style-type: none;

    Comment

    • AjayGohil
      New Member
      • Apr 2019
      • 83

      #3
      Try this code for list display without bullets
      Code:
      !DOCTYPE html>
      <html>
      <body>
      <ul style="list-style-type:none">
        <li>First Name</li>
        <li>Last Name</li>
        <li>Address</li>
        <li>phone number</li>
      </ul>  
      </body>
      </html>

      Comment

      • gits
        Recognized Expert Moderator Expert
        • May 2007
        • 5388

        #4
        well to have a valid document it should be

        Code:
        <!DOCTYPE html>
        instead of
        Code:
        !DOCTYPE html>
        but other then that its making good use of the above post :)

        Comment

        • Chilibwe
          New Member
          • Jul 2021
          • 1

          #5
          Call in the list style and set it to none. Using gas. Example:

          Code:
            <html>
          <head>
          <style>  
          </head>
          <body>
            <ul style = "list-style:none"> <li>home</li> </ul>
          </body>
          </html>
          Last edited by Niheel; Jul 18 '21, 04:32 PM. Reason: fixed code bugs in the ul

          Comment

          • sakshijn
            New Member
            • Jun 2022
            • 2

            #6
            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.

            Code:
            <!DOCTYPE html>
            <html>
            <body>
            <ul>
              <li>First Name</li>
              <li>Last Name</li>
              <li>Address</li>
              <li>phone number</li>
            </ul>  
            </body>
            </html>

            Comment

            • nehaattri
              New Member
              • Aug 2022
              • 1

              #7
              Create HTML and Add CSS...

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

              Code:
              <!DOCTYPE html>
              <html>
                <head>
                  <title>Title of the document</title>
                  <style>
                    ul {
                      list-style-type: none;
                    }
                  </style>
                </head>
                <body>
                  <h1>W3Docs</h1>
                  <p>Our books:</p>
                  <ul>
                    <li>Learn HTML</li>
                    <li>Learn CSS</li>
                    <li>Learn Javascript</li>
                    <li>Learn Git</li>
                  </ul>
                </body>
              </html>
              Last edited by zmbd; Aug 2 '22, 04:53 AM. Reason: [z{deleted link spam - placed [CODE/] formatting}]

              Comment

              • zack23
                New Member
                • Aug 2022
                • 2

                #8
                You should do the list style none <ul style = "list-style:none"></ul> then you got the list without bullets.
                Reference link.

                Comment

                • Vanisha
                  New Member
                  • Jan 2023
                  • 26

                  #9
                  To display a list without bullets, you can use CSS to change the list-style-type property of the HTML list element (ordered or unordered list) to "none".

                  For example:
                  <style>
                  ul {
                  list-style-type: none;
                  }
                  </style>

                  <ul>
                  <li>Item 1</li>
                  <li>Item 2</li>
                  <li>Item 3</li>
                  </ul>

                  Comment

                  Working...