قائمة css فى قمة الإحترافية (صورة ، عنوان ، وصف)

<style>
#menu {
 background: white;
 width: 280px;
 padding:10px;
}
#menu ul {
 margin:0;
 padding:0;
 list-style: none;
}
#menu ul li {
 margin: 0;
 padding: 5px 0 10px;
 border-bottom: 1px dashed #EAEAEA;
}
#menu ul li img {
 float: right;
 padding: 3px 0 0 10px;
}
#menu ul li a {
 font: normal 18px 'Droid Arabic Kufi', tahoma ,arial;
 color: #007195;
 text-decoration:none;
}
#menu ul li a:hover {
 color:#CC3332;
}
#menu ul li span {
 font: normal 13px 'Droid Arabic Kufi', tahoma ,arial;
 color:#7D7D7D;
}
#menu li span:hover {
 color: #494949;
}
</style>
<div id="menu">
 <ul>
<!--design:mdwanblog.blogspot.com-->
 <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0_ZygX63JnkhMdXoW_wGAkhdCd9ZrQTikZD-N5DE7P1LCi-SSSCrW5RQyK0ziZPjdmmlnLiuJNTCpw76xtw0nArC-xMXQ1fhlgUvIOiovgOWBz5j_NL4BBlrEESE5BGJjobNluxvM-4I/s1600/232.png" border="0" alt="" /><a href="#">موقع جديد!<br />
 <span>وصف مختصر</span></a></li>
 <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj9j3e3AGCQ6K3-wNQ2rgMMOUtD2y3Att3UCnwzbm-5b0Lak_RNFJh5EnkkNYTRaP0077Oyq9ovw_vmXKzawV6E9mkL3aYQDYnR4m_WinL_L1gcupGe6HuSmk9Q4pFwl_une-J6pccyCE/s1600/155.png" border="0" alt="" /><a href="#">موقع جديد!<br />
 <span>وصف مختصر</span></a></li>
 <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVeRPH2aFBDWuUsPx_h5qUSac_xy2ld3nDbzXZ_aaC6qK4eYssBo8m2Mk9uwpOlrf74E2qM34vplWTtR-GthcMl4jrWMIMpLHthEwVtGUV5ly_B5L75g6KXcgm6mJozA8_rgHqDWk1Jx0/s1600/178.png" border="0" alt="" /><a href="#">موقع جديد!<br />
 <span>وصف مختصر</span></a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwEUiuJJxOUbInbwTdT2g8S1fvrkxW8ZnZHOH2IIyGosHbn-5N_-0K28c86ygdt0xMN2ss2Bt-c3_z84cK601Lptf94NMA1Q4xqZ5udqdQcmv_-uJ7NcujjfDILR5PN0qRr6Jp0QD4dA/s1600/185.png" border="0" alt="" /><a href="#">موقع جديد!<br />
 <span>وصف مختصر</span></a></li>
<!--design:mdwanblog.blogspot.com-->
 </ul>
</div>