Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Minimum distance for bullet points</title>
</head>
<body>
  <p><code>list-style-position: outside;</code> causes bullet points to be positioned by a browser-specified distance to the left of the enclosing <code>UL</code>.</p>
  <p>The user can determine where the bullet points appear by adjusting the left padding and/or margin of the list, as well as by adding a left padding or margin to list items themselves. However, a minimum offset between bullet points and items is fixed by the browser, unadjustable by margins or paddings.</p>
  <div class="container">
    <ul class="my-list">Some List
      <li><span></span>&#x25a0;Item 1</li>
      <li><span></span>&#x25a0;Item 2</li>
      <li><span></span>&#x25a0;Item 3</li>
      <li><span></span>&#x25a0;Item 4</li>
    </ul>
  </div>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
mesamorphopro
0viewers