HTML里如何让图片对齐

当我在练习代码的时候发现了一个大问题，听我细细道来

通常在编写h5的过程中我们发现在列表里面直接将图片插在文字后面不能达到这种效果

后面小图标直接被应用的话会产生这样的情况，这让我非常的苦恼

那么解决问题的关键是什么呢？要使后面的图片可以和第一个图片进行对齐的话，应该怎么去操作得到这样的效果呢，没错小菜鸟我想的最简单的笨办法。就是用这样的空格符号啦

 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>

虽然说问题解决了但是有没有更简单的方法呢？

然后我采集到了以下方法

<img src="./jpg" align="absbottom">

 AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。

AbsMiddle 图像的中间与同一行中最大元素的中间对齐。
Baseline 图像的下边缘与第一行文本的基线对齐。
Bottom 图像的下边缘与第一行文本的下边缘对齐。

Left 图像沿网页的左边缘对齐，文字在图像右边换行。
Middle 图像的中间与第一行文本的下边缘对齐。
NotSet 未设定对齐方式。
Right 图像沿网页的右边缘对齐，文字在图像左边换行。
TextTop 图像的上边缘与同一行上最高文本的上边缘对齐。
Top 图像的上边缘与同一行上最高元素的上边缘对齐。

最后问题终于得到解决啦