הוסטס - פורום אחסון האתרים הגדול בישראל

שלום לכולם,
טוב אז ככה מה שאני רוצה לעשות בעצם זה ליצור רשימה מוגדרת עם סמל שאני בוחר ובשביל זה אני משתמש בקוד הנ"ל

HTML קוד:

<dl>

<dt><img src="bla.jpg" /></dt>

<dd>text</dd>

</dl>

עכשיו כדי שזה יראה כמו רשימה רגילה אני מגדיר לDT וDL "הצגה קווית" (display:inline) וככה יש לי איבר ברשימה שאני רוצה. עכשיו אני רוצה להפוך את הרשימה לאנכית למישהו יש רעיון איך לעשות את זה?
ניסיתי להשתמש בקוד הנ"ל אך קיבלתי הפרשים גדולים בין איבר לאיבר למרות שהגדרתי margin וpadding כאפס.

HTML קוד:

<ul>

<li>

<dl>

<dt><img src="bla.jpg" /></dt>

<dd>text</dd>

</dl>

</li>

<li>

<dl>

<dt><img src="bla.jpg" /></dt>

<dd>text</dd>

</dl>

</li>

....

</ul>

תודה מראש :)