[CSS] בעיה עם רשימה מוגדרת

[Kfir.G]

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

<dl>
<dt><img src="bla.jpg" /></dt>
<dd>text</dd>
</dl>

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

<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>

תודה מראש