Alignment Problem Options

[rtr_18]

Hi!
I've used the following tags. But I want the the second and third line of my output to be aligned with the dot on the first line.

CODE

        <ul><li><span corps="12pt" b="1" i="1">Player Name</span> <span corps="12pt">Player Age;:</span></li></ul>
        <p retrait="10" align="left"><span corps="8pt" colorRGB="1668BE" b="1">FSAvnoknv</span> <span corps="12pt" colorRGB="1668BE">vbugf.</span> <span corps="12pt" colorRGB="1668BE" b="1">FSAvnoknv</span> <span corps="12pt" colorRGB="1668BE">agadg....</span></p>
        <p retrait="10" align="left"><span style="vertical-align:top corps="14pt" colorRGB="1668BE">fasjfwenz</span> <span corps="12pt" colorRGB="1668BE" b="1">vdabnasd</span> <span corps="12pt" colorRGB="1668BE">fsafjsabfm.</span> <span corps="12pt" i="1">(sfnafhasl)</span></p>
        <p></p>

How to do this?

[pandy]

Remove the list margins and set the bulles to be inside rather than outside LI. Or define your own margins, the same for the list and the text that follows. But note that both UL and LI can have margin and/or padding. Different browsers do it differently. Because of that it's best, or at least easiest, to first nullify both and add pack what you really want.

CODE

ul,li   { margin: 0; padding: 0 }
li      { list-style-position: inside }