WHY ?

CSSって意外に難しい

今、Webサイトの模写を進めているのですが、CSSって案外難しい。

ボタンのテキストを上下中央揃いにしたい

このボタンのテキストを左右中央、上下中央にしたいだけなのに、軽く1時間以上悩んでしまった。

勉強が足りないとだけと言われればそのとおりなのですが。

text-align: center で左右中央になるのに、vertical-align: middle で上下中央にならない。

しかし、display: table-cell とすると、 vertical-align: middle が効くようになる。

うーん。

参考

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です