How to create ordered List/ Unordered List in Visualforce ?

Since I have written some code & that code is working very well in Html but in VFPage it shows me as single column output..

Please see the code & then tell me wht is the mistake that I have done in my code..

<font style="font-family:Garamond;font-size:14px">
       What to Expect/ getting familiarized with your Financial Plan
    </font>
    <ul style="list-style-type:disc;">
        <li>&nbsp;&nbsp;&nbsp;Demystify the jargons </li>
        <ul style="list-style-type:circle;">
            <li>&nbsp;&nbsp;&nbsp;Asset Allocation</li>
            <ul style="list-style-type:square;">
                <li>&nbsp;&nbsp;&nbsp;Progressive Asset Allocation</li>
            </ul>
            <li>&nbsp;&nbsp;&nbsp;Asset Classes </li>
            <ul style="list-style-type:square;">
                <li>&nbsp;&nbsp;&nbsp;Debt </li>
                <li>&nbsp;&nbsp;&nbsp;Equity </li>
                <li>&nbsp;&nbsp;&nbsp;Gold </li>
            </ul>
            <li>&nbsp;&nbsp;&nbsp;Mutual Funds</li>                        
            <li>&nbsp;&nbsp;&nbsp;Risk Profile</li>
            <li>&nbsp;&nbsp;&nbsp;Risk and Return</li>
        </ul>
        <li>&nbsp;&nbsp;&nbsp;Understanding the goal pages</li>
        <ul style="list-style-type:circle;">
            <li>&nbsp;&nbsp;&nbsp;Show a snapshot of a goal page and explain the various parts of the goal page 
                through arrows and use a text box to explain each sub part</li>
        </ul>
    </ul>