• list-inline
• list-inline
• list-inline

• marker-none
• marker-hyphen
• marker-square
• marker-disc
• marker-circle
• marker-decimal

• marker-none
• marker-hyphen
• marker-square
• marker-disc
• marker-circle
• marker-decimal
• marker-decimal-leading-zero
• marker-lower-alpha
• marker-upper-alpha
• marker-lower-greek
• marker-lower-roman
• marker-upper-roman
• marker-lower-latin
• marker-upper-latin
• marker-disclosure-open
• marker-disclosure-closed

<div class="b-flex flex-wrap gap30">
    <ul>
        <li>default</li>
        <li>default</li>
        <li>default</li>
    </ul>
    <ul class="square">
        <li>square</li>
        <li>square</li>
        <li>square</li>
    </ul>
    <ul class="disc">
        <li>disc</li>
        <li>disc</li>
        <li>disc</li>
    </ul>
    <ul class="circle">
        <li>circle</li>
        <li>circle</li>
        <li>circle</li>
    </ul>
</div>

<hr>

<div class="b-flex flex-wrap gap30">
    <div class="bg-primary100">
        <ul class="no-bullet">
            <li>no-bullet</li>
            <li>no-bullet</li>
            <li>no-bullet</li>
        </ul>
    </div>

    <div class="bg-primary100">
        <ul class="no-margin">
            <li>no-margin</li>
            <li>no-margin</li>
            <li>no-margin</li>
        </ul>
    </div>

    <div class="bg-primary100">
        <ul class="list-unstyled">
            <li>list-unstyled</li>
            <li>list-unstyled</li>
            <li>list-unstyled</li>
        </ul>
    </div>
</div>

<hr>

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

<hr>

<div>
    <ul class="list-inside bg-primary200 pad20">
        <li class="bg-primary100">list-inside</li>
        <li class="bg-primary100">list-inside</li>
        <li class="bg-primary100">list-inside</li>
    </ul>
</div>

<div>
    <ul class="list-outside bg-primary200 pad20">
        <li class="bg-primary100">list-outside</li>
        <li class="bg-primary100">list-outside</li>
        <li class="bg-primary100">list-outside</li>
    </ul>
</div>

<hr>

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

<hr>

<div class="b-flex flex-wrap gap30">
    <ul class="marker-none">
        <li>marker-none</li>
        <li>marker-none</li>
    </ul>

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

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

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

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

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

<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>
    <li class="marker-decimal-leading-zero">marker-decimal-leading-zero</li>
    <li class="marker-lower-alpha">marker-lower-alpha</li>
    <li class="marker-upper-alpha">marker-upper-alpha</li>
    <li class="marker-lower-greek">marker-lower-greek</li>
    <li class="marker-lower-roman">marker-lower-roman</li>
    <li class="marker-upper-roman">marker-upper-roman</li>
    <li class="marker-lower-latin">marker-lower-latin</li>
    <li class="marker-upper-latin">marker-upper-latin</li>
    <li class="marker-disclosure-open">marker-disclosure-open</li>
    <li class="marker-disclosure-closed">marker-disclosure-closed</li>
</ul>