css で 総称セレクタへ vertical-align を設定しておく
以下のように。
※以下ではアスタリスクを全角にしている。
* { margin : 0px; padding : 0px; vertical-align: top; }
上記を設定せずデフォルトのままにしておくと、以下は要素が下揃えで表示される。
<head> <style type="text/css"> #span1 { border: 1px red solid; width : 100; height: 100; } #span2 { border: 1px blue solid; width : 100; height: 50; } </style> </head> <body> <div> <span id="span1"></span> <span id="span2"></span> </div> </body>