下の図の赤い部分（スパン）のテキストを垂直方向の中央に配置するにはどうすればよいですか？ソースコードは以下の通り、画像は2階_html/css_WEB-ITnose

;<国名

中国

米国

注: スパンの行の高さは div と同じ高さに設定されています。赤い部分がまだまっすぐに中心に合わせられないので、アドバイスをお願いします。どうもありがとうございます！

ディスカッションへの返信(解決策)

垂直整列セット?

注: スパンの line-height 属性を div と同じ高さに設定しましたが、赤い部分 (スパン) のテキストを赤い部分に対して垂直方向に中央揃えにすることはできません。アドバイス！どうもありがとうございます！

<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" /> </span></div>

...display:inline-block;vertical-align:middle; をスタイルに追加します