<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.