fancy_unordered.html

<ul style="padding-left: 0; list-style-type: none;">
    <li style="margin-bottom: 20px;">
        <h3 style="color: #000000; margin-top: 30px;">
            <strong>
                <span style="display: inline-block; background-color: #dc4405; color: white; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; margin-right: 15px; font-size: 20px;">
                    AB
                </span>
            </strong> Title AB
        </h3>
        <p>Content for item AB goes here.</p>
    </li>
    <li style="margin-bottom: 20px;">
        <h3 style="color: #000000; margin-top: 30px;">
            <strong>
                <span style="display: inline-block; background-color: #dc4405; color: white; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; margin-right: 15px; font-size: 20px;">
                    CD
                </span>
            </strong> Title CD
        </h3>
        <p>Content for item CD goes here.</p>
    </li>
    <li style="margin-bottom: 20px;">
        <h3 style="color: #000000; margin-top: 30px;">
            <strong>
                <span style="display: inline-block; background-color: #dc4405; color: white; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; margin-right: 15px; font-size: 20px;">
                    EF
                </span>
            </strong> Title EF
        </h3>
        <p>Content for item EF goes here.</p>
    </li>
    <li style="margin-bottom: 20px;">
        <h3 style="color: #000000; margin-top: 30px;">
            <strong>
                <span style="display: inline-block; background-color: #dc4405; color: white; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; margin-right: 15px; font-size: 20px;">
                    GH
                </span>
            </strong> Title GH
        </h3>
        <p>Content for item GH goes here.</p>
    </li>
</ul>