vertical-align 设置了？
注：我把span的line-height属性设置成与div同高了，可是，红色部分（span）内的文字相对于红色部分竖直方向上还是不能居中，请高人指点！多谢了！
<div id="divMain" style="width:100%;height:25px; border:solid 1px #000000; text-align:center;" ><span style="float: left;"><国家名称</span> <span class="spanChina" style="width:104px;background:#FF0000; padding-bottom:5px; margin-right:-2px;line-height:25px;" ><span style="vertical-align: middle;">中国</span></span> <span class="spanAmeran" style="width:104px;background:#FF0000;padding-bottom:5px; margin-left:-2px;line-height:25px;"><span style="vertical-align: middle;">美国</span></span> <span style="float:right;"><img id="imgClose" src="../../../img/closePage.png" / alt="如何让下图中的红色部分（span）内的文字相对于红色部分竖直方向上居中呢？源代码如下，图在第二楼_html/css_WEB-ITnose" > </span></div>
...style里加入 display:inline-block;vertical-align:middle;
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
