locked
Bullet Disks not showing up? RRS feed

  • Question

  • User1372787940 posted

    the bullet disks are not showing up next to my work?

    <div runat="server" align="center">
        <table align="center">
            <tr>
                        <td>
                            <p style="list-style-type: disc; list-style-">AT&T</p>
                            </td>
                           
                </tr>
    
        </table>
            </div>

    Friday, October 31, 2014 3:47 PM

Answers

  • User2103319870 posted

    You need to set the display property in css to listitem

    Change your style like given below

    style="list-style:disc outside none;
         display:list-item; "

    Complete Code

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
    </head>
    <body>
    <div runat="server" align="center">
        <table align="center">
            <tr>
                        <td>
                            <p style="list-style:disc outside none;
         display:list-item; ">AT&T</p>
                            </td>
                           
                </tr>
    
        </table>
            </div>
    </body>
    </html>
    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Friday, October 31, 2014 3:59 PM

All replies

  • User2053451246 posted

    list-style-type is meant to be applied to <ul> (unordered list) and <ol> (ordered list) elements.

    http://www.w3schools.com/cssref/pr_list-style-type.asp

    Friday, October 31, 2014 3:56 PM
  • User2103319870 posted

    You need to set the display property in css to listitem

    Change your style like given below

    style="list-style:disc outside none;
         display:list-item; "

    Complete Code

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
    </head>
    <body>
    <div runat="server" align="center">
        <table align="center">
            <tr>
                        <td>
                            <p style="list-style:disc outside none;
         display:list-item; ">AT&T</p>
                            </td>
                           
                </tr>
    
        </table>
            </div>
    </body>
    </html>
    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Friday, October 31, 2014 3:59 PM