Syntax error Set marker inside of the box containing the bullet points with CSS

Set marker inside of the box containing the bullet points with CSS

To set marker inside of the box containing the bullet points, use the list-style-position property with the value inside.

 The inside value means if the text goes onto a second line, the text will wrap underneath the marker. It will also appear indented to where the text would have started if the list had a value of outside.

Example

<html>
   <head>
   </head>
   <body>
      <ul style = "list-style-type:square;list-style-position:inside;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      <ol style = "list-style-type:lower-alpha;list-style-position:inside;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
   </body>
</html>
Updated on: 2020-02-03T07:31:33+05:30

564 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements