<ul class="out">
<p>Для списку задана властивість <code>list-style-position: outside;</code></p>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequatur obcaecati earum vel facere deleniti ex!</li>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequatur obcaecati earum vel facere deleniti ex!</li>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequatur obcaecati earum vel facere deleniti ex!</li>
</ul>
<ul class="in">
<p>Для списку задана властивість <code>list-style-position: inside;</code></p>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequatur obcaecati earum vel facere deleniti ex!</li>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequatur obcaecati earum vel facere deleniti ex!</li>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequatur obcaecati earum vel facere deleniti ex!</li>
</ul>
ul {
font-size: 1.25em;
}
ul.out {
list-style-position: outside;
}
ul.in {
list-style-position: inside;
}
code {
padding: 4px;
display: inline-block;
margin-bottom: 16px;
}
p{
font-weight: 700;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.