Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
html标记-内联显示_Html_Css - Fatal编程技术网

html标记-内联显示

html标记-内联显示,html,css,Html,Css,在html文件中,我有一个列表设置为: <div id="sep1"> <ul> <li><img id="rm_img_1" src="images/remove.png"></li> <li id="rm_txt_1">Remove Section</li> </ul> </div> 文本与我在图像周围剪切的图像不一致。

在html文件中,我有一个列表设置为:

<div id="sep1">
       <ul>
         <li><img id="rm_img_1" src="images/remove.png"></li>
         <li id="rm_txt_1">Remove Section</li>
       </ul>
</div>
文本与我在图像周围剪切的图像不一致。如何将文本和图像水平对齐?

尝试添加

vertical-align: middle;
在rm_img_1中

这应该使两者保持一致


小提琴:

根据一张400x400px的照片,每个li的宽度必须相同。 所以用这个来代替

2001年9月1日{ 显示:内联块;宽度:400px;文本对齐:居中;}


这是:

@HNML没问题,很乐意帮忙
vertical-align: middle;