vertical-alignは、行内の要素の垂直方向の配置を設定します。属性値は次のとおりです。
ベースライン:ベースラインの
上部に揃えて
:上部中央に揃えて
:中央下部に揃えて:下部に揃えて
テキストの前後に異なるサイズの写真があり、属性はベースラインです。
上:
下:
最も一般的に使用される中央、テキストは2つの画像の中央に揃えられます。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
img {
width: 200px;
vertical-align: middle;
}
</style>
</head>
<body>
<div>
<img src="../img/3.jpg" alt="">
123123123123123
<img src="../img/2.jpg" alt="">
</div>
</body>
</html>