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

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

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

4条回答默认最新

CSDN专家-Fay 2021-06-27 16:15

关注

直接用行内元素放在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>