<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.