CSS Listeleme Yardım

Arkadaşlar merhaba. Wordpress kurduğum bir sitede kurulum yaptığım arkadaşım şöyle birşey istiyor. Yan tarafta Widget te yazarları listeliyorum. Fakat Avatar Resmi solda olacak hemen yanında ismi yazacak. Adının altında da mail daresi yazacak. Diğer yazara geçince altında da bir çizgi olacak. Yani yazarları birbirinden ayıracak. CSS kodları, kullandığım eklentinin bu şekilde. Bu şekilde olunca resim + altında ismi yazıyor. İstediğim gibi olması için bu kodu nasıl yapmalıyız. CSS bilgim çok zayıf. Yardımcı olacak arkadaşlara şimdiden çok teşekkür ederim.

.multiwidget_author_avatars .author-list {
	text-align: center;
}
.multiwidget_author_avatars .author-list .user {
	padding: 0.2em;
	display: inline;
}
.multiwidget_author_avatars .author-list .with-name {
	display: block;
}
.multiwidget_author_avatars .author-list .user .name {
	display: block;
}

www.nigdehasret.com site bu arkadaşlar. Şu an ki duruşu sitede göründüğü gibi.

.multiwidget_author_avatars {
       float:left;

.multiwidget_author_avatars .author-list {
	text-align:right;
}
.multiwidget_author_avatars .author-list .user {
	padding: 0.2em;
	display: inline;
}
.multiwidget_author_avatars .author-list .with-name {
	display: block;
}
.multiwidget_author_avatars .author-list .user .name {
	display: block;
}

Bu verdiğim kod ismi sağa resmi sola alır. Kalın yazdıklarımı düzelt sadece eğer yoksa da ekle. Diğerleri sadece css ile halledilmez. widget içinde <hr /> kullanırsan yazarları ayırabilirsin. ya da

bunu widget dosyasında yazarın altına ekle

<div class="clear"></div>

bunu ise .css ye ekle.

div.clear {
	clear:both; 
	font-size:0px;
	line-height:0pt; 
	height:0px; 
}