上揃えにする方法 上揃えはデフォルトですね. 何もしなくても上揃えになります. 今回のサンプルでは他の CSS に合わせるためにあえて 下記のようなコードを追加しています. #box1 span { position: absolute; top: 0; } 中央揃えにする方法 まずは中央揃えにしたいテキストの親要素に position: relative; を適応します. .box { float: left; position: relative; margin: 10px; width: 25%; height: 90%; border: 1px solid black; background-color: white; font-size: 2rem; line-height: 2rem; } そして中央揃えにしたいテキストの position プロパティに absolute を設
![phiary](https://cdn-ak-scissors.b.st-hatena.com/image/square/a27f6757815131d3f7056b857687ac6ff5310b3d/height=288;version=1;width=512/https%3A%2F%2Fphiary.me%2Fimages%2Fogp.png)