between next text codecademy

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>

    <!-- background color -->
    <body style="background-color:white">

    <h1 style="text-align:center; color:#CC0000; font-size:25px; font-family:Verdana">Hipster</h1><p style="color:magenta; font-size:16px;">this my <em>fav</em><b style="font-size:25px;">song</b></p>
<!-- order list -->

    <ol style="text-align:center; color:red; font-weight:bold; font-size:14px; font-style:sans-serif">My Song Favorite of :

    <ul style="text-align:left;color:Cyan; font-weight:bold; font-size:16px; font-style:sans-serif">The Smiths

    <li style="text-align:left; color:orange; font-size:14px; font-style:sans-serif"><strong>Charming man</strong></li>
        <li style="text-align:left; color:orange; font-size:14px; font-style:sans-serif"><strong>girl friend in a coma</strong></li>
            <li style="text-align:left; color:orange; font-size:14px; font-style:sans-serif"><strong>Please-please get what I want</strong></li>

    </ul>
    </ol

    </body>
</html>