Set Distance Between Marker and Text with CSS

The marker-offset property allows you to specify the distance between the marker and the text relating to that marker.

Example

 You can try to run the following code to implement marker-offset property

<html>
   <head>
   </head>
   <body>
      <ul style = "list-style: inside square; marker-offset:3em;">
         <li>UK</li>
         <li>US</li>
      </ul>
      <ol style = "list-style: outside upper-alpha; marker-offset:3cm;">
         <li>UK</li>
         <li>US</li>
      </ol>
   </body>
</html>
Updated on: 2020-02-03T07:30:39+05:30

301 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements