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

---

<p>To set marker outside of the box containing the bullet points, use the<em>&nbsp;</em>list-style-position property with the value<em>&nbsp;outside</em>.</p><h2>Example</h2><p>&nbsp;The <em>outside&nbsp;</em>value means if the text goes onto a second line, the text will be aligned with the start of the first line</p><pre class="prettyprint notranslate">&lt;html&gt; &nbsp; &nbsp;&lt;head&gt; &nbsp; &nbsp;&lt;/head&gt; &nbsp; &nbsp;&lt;body&gt; &nbsp; &nbsp; &nbsp; &lt;ul style = &quot;list-style-type:circle; list-style-position:outside;&quot;&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;Maths&lt;/li&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;Social Science&lt;/li&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;Physics&lt;/li&gt; &nbsp; &nbsp; &nbsp; &lt;/ul&gt; &nbsp; &nbsp; &nbsp; &lt;ol style = &quot;list-style-type:decimal;list-style-position:outside;&quot;&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;Maths&lt;/li&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;Social Science&lt;/li&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;Physics&lt;/li&gt; &nbsp; &nbsp; &nbsp; &lt;/ol&gt; &nbsp; &nbsp;&lt;/body&gt; &lt;/html&gt;</pre>

• Related Questions & Answers
• Set marker inside of the box containing the bullet points with CSS
• How to indicate whether the marker should appear inside or outside of the box containing the bullet points with CSS?
• Change Bullet Color for Lists with ::marker CSS Selector
• Set whether a punctuation character may be placed outside the line box with CSS
• Set image for bullet style with CSS
• Set the height of a box with CSS
• Set the width of a box with CSS
• Set the distance between the marker and the text relating to that marker with CSS
• How to control the shape or appearance of the marker with CSS?
• How to set the position of the list-item marker with JavaScript?
• Set the maximum height that a box can be with CSS
• Set the minimum height that a box can be with CSS
• Set the maximum width that a box can be with CSS
• Set the minimum width that a box can be with CSS
• How to dismiss the dialog with the click on outside of the dialog box in android?