CSSのfloatで、左右が一行目で水平にならない

質問

現在、dreamweaverCS6を使用しています。

このページの下の方に、「左の内容」と「右の内容」と書いてある2箇所のdiv部分があります。
この両者は、ブラウザが十分に広がってフロートされている時は、何故か「右の内容」の方が、一行ほど下がっています。
ブラウザの横幅を少しずつ縮めていき、ピタッと合わせると、その差が一目瞭然であります。
縮め過ぎると、上下に重なります。

ここで質問ですが、これを左右、同じ高さの位置に固定するにはどうすればよいのでしょうか？

また、余談ですが、上記アドレスの「#」は、アドレスバーをコピーして貼り付けた時に表示されていたので、そのまま貼り付けたのですが、どういう意味があるのでしょうか？

この事象について、詳しい方がいましたらよろしくお願いします。

回答No.1

outbrave · ベストアンサー

70 行目
<p>&nbsp;</p>
これを削除で。

# 本当は ID で、その位置から表示するのですが、省略されているのでページの先頭から表示になります。

お礼

ご回答、ありがとうございます。とても参考になりました。