Bullet points in widgets

Hi there,

I´m a newbie in wordpress…In addition, I´m sorry if my language is not the best (I´m spanish)

I´m using zerif free theme, and I want to add some bullets in a widget…

I´m trying this way:

<div style=”width: 100%; margin-top: 0; left-margin: 0px; right-margin: auto; padding-top: 0; text-align:center”>
<ul style=”margin:0; padding:0;”>
<li style=”margin:0; padding:0;”>Fertilizante
<li style=”margin:0; padding:0;”>Abonos

• Fitosanitarios (Producción ecológica y convencional)

</div>

I HAVE 2 PROBLEMS:

The text is centered, but the bullets are on the left side (so they are not closed to the text)

This widget (Zerif–our focus widget) has images and below the image the text…. When I insert the bullets, a great space is created between bullets and the image….

Could you please help me with this?

You will be able to see this right in the first section:
http://www.esunapruebawordpress.com/