Using Icons in a List

I am using icons in a list. My problem is that the icons partially are shown nested like:

+ Text 1
   + Text 2
     + Text 3
+ Text 4

If I resize the browser window the icons replace at random.

The Text is:

<p style="text-align: left;">[av_font_icon icon='ue812' font='entypo-fontello' style='' caption='' link='' linktarget='' size='32px' position='left' color='']/av_font_icon]Text 1</p>
<p style="text-align: left;">[av_font_icon icon='ue812' font='entypo-fontello' style='' caption='' link='' linktarget='' size='32px' position='left' color='']/av_font_icon]Text 2</p>
<p style="text-align: left;">[av_font_icon icon='ue812' font='entypo-fontello' style='' caption='' link='' linktarget='' size='32px' position='left' color='']/av_font_icon]Text 3</p>
<p style="text-align: left;">[av_font_icon icon='ue812' font='entypo-fontello' style='' caption='' link='' linktarget='' size='32px' position='left' color='']/av_font_icon]Text 4</p>

I tried to work with <br /> with no efford.
Another thing is that I wrapped a table-structure around text and icon. The table-cells had different distances from the top of the icon to the top of the table cell.

Any idea?

• This topic was modified 9 years, 2 months ago by hanenm.