西宮でホームページ制作やワード/パワーポイントでの企画書・提案書をSOHOで制作しています

subやsupでline-heightがズレるのを防ぐCSS

備忘録として。
下付き文字のsubタグや上付き文字のsupタグを使用すると、行送りが通常よりも広くなりブサイクになる。
それをfixするためのcss指定。

出典:CSS Advisor

<style type="text/css">
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
</style>

コメントを残す

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