HTML Lists

Ordered List

 

<div class="row">
    <div class="col-3">
        <h3>Ordered List</h3>
    </div>
    <div class="col-9">
        <ol>
            <li>Apple</li>
            <li>Mango</li>
            <li>Banana</li>
        </ol>
    </div>
</div>

 

Unordered List

<div class="row">
    <div class="col-3">
        <h3>Unordered List</h3>
    </div>
    <div class="col-9">
        <ul>
            <li>Apple</li>
            <li>Mango</li>
            <li>Banana</li>
        </ul>
    </div>
</div>

 

Description List

<div class="row">
    <div class="col-3">
        <h3>Description List</h3>
    </div>
    <div class="col-9">
        <dl>
            <dt>Coffee</dt>
            <dd>- black hot drink</dd>
            <dt>Milk</dt>
            <dd>- white cold drink</dd>
          </dl>
    </div>
</div>

 

Source code on Github




Subscribe To Our Newsletter
You will receive our latest post and tutorial.
Thank you for subscribing!

required
required


Leave a Reply

Your email address will not be published. Required fields are marked *