用div css怎么将图片和链接再加文字同一行居中呢？

如这个图片一样，左边的点是一个图片，中间的内容是链接，右边的是文字内容，每一行下面还有一个下划线一样的背景图片，这个图片整个内容我都做不出来，已经卡这里很久了，可以请高手们不吝赐教教我怎么做吗

直接用行内元素放在div中就可以了啊，下面虚线就是给div加border-bottom:1px solid dotted

<style>
		ul{
			width:250px;
			list-style:none
		}
		li{
			border-bottom:1px dotted silver;
			line-height:25px
		}
		a{
			text-decoration:none;
			color:black
		}
		a font{
			color:orange
		}
	</style>
	<body>
		<ul>
			<li><a href="#"><font>♦</font> 中国园艺学会...[9-10]</a>
			<li><a href="#"><font>♦</font> 中国园艺学会...[9-10]</a>
			<li><a href="#"><font>♦</font> 中国园艺学会...[9-10]</a>
			<li><a href="#"><font>♦</font> 中国园艺学会...[9-10]</a>
			<li><a href="#"><font>♦</font> 中国园艺学会...[9-10]</a>
		</ul>
	</body>

加我微信我教你

ul li几行用几个li li里面放行内元素写内容就好了，放块级元素的话加浮动

vertical-aling:middle