Списки

  • text
  • text
  • text
<ul> 
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>
  • text
  • text
  • text
<ul class="square"> 
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul> 
  • text
  • text
  • text
<ul class="disc"> 
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>
  • text
  • text
  • text
<ul class="circle"> 
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

  • text
  • text
  • text
<ul class="no-bullet"> 
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>
  • text
  • text
  • text
<ul class="no-margin"> 
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>
  • text
  • text
  • text
<ul class="list-unstyled"> 
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

  • text
  • text
  • text
<ul class="list-inline"> 
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

  • text
  • text
  • text
<ul class="list-inside"> 
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>
  • text
  • text
  • text
<ul class="list-outside"> 
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

  • marker-none
  • marker-hyphen
  • marker-square
  • marker-disc
  • marker-circle
  • marker-decimal
<ul> 
    <li class="marker-none">marker-none</li>
    <li class="marker-hyphen">marker-hyphen</li>
    <li class="marker-square">marker-square</li>
    <li class="marker-disc">marker-disc</li>
    <li class="marker-circle">marker-circle</li>
    <li class="marker-decimal">marker-decimal</li>
</ul>
  • text
  • text
  • text
  • text
  • text
  • text
  • text
  • text
  • text
  • text
  • text
  • text
<ul class="marker-none"> 
    <li>text</li>
    <li>text</li>
</ul>

<ul class="marker-hyphen"> 
    <li>text</li>
    <li>text</li>
</ul>

<ul class="marker-square"> 
    <li>text</li>
    <li>text</li>
</ul>

<ul class="marker-disc"> 
    <li>text</li>
    <li>text</li>
</ul>

<ul class="marker-circle"> 
    <li>text</li>
    <li>text</li>
</ul>

<ul class="marker-decimal"> 
    <li>text</li>
    <li>text</li>
</ul>