padding の実験

アメリカ大統領 ブッシュ君、もう少し真面目にやりなさい。

<head>
<style type="text/css">
<!--

.padding1 {width:450px;
	border: solid 3px red;
	padding:0px;
	margin: 20px;
	background-color:#ffdab9;
	}


-->
</head>
<body>
    
   <p class="padding1">アメリカ大統領 ブッシュ君、もう少し真面目にやりなさい。
</p>


</body>




縦方向の配置を、親要素との相対位置で、下記のいずれかで指定する。
baseline(ベースラインあわせ)
middle(中央あわせ)
sub(下付き文字の位置)
super(上付き文字の位置)
text-top(テキストの上限あわせ)
text-bottom(テキストの下限あわせ)
top(上端あわせ)
bottom(下端あわせ)
inherit(継承)
70% のようなパーセント形式
0.5em のような単位付きの数値

baseline は文字 x の、text-bottom は文字 y の下限を意味する。
<img> タグの align 属性に相当します。