2010-12-27 23 views
3

私は次のようにそれがある作成していますウェブサイトの部分を持っています。ただし、topbar_rightには必ずしもテキストが含まれているわけではありません。また、小さなフォームを含むこともできます。これは、左のものと同じ高さであるため、上手く表示されます。ここで垂直浮動ALIGN div要素は、

は私の現在のCSSです:

#topbar { 
    background-color: #5a87bf; 
    padding: 10px 30px 10px 30px; 
    margin-bottom: 10px; 
    font-size: 9pt; 
} 
#topbar_left { 
    float: left; 
} 
#topbar_right { 
    float: right; 
} 
.clear { 
    clear: both; 
} 

これを達成するについて行くための最良の方法は何ですか?

答えて

3

私は一般的に、行の高さを設定するとここで役立ちます。このような 何かうまくいくかもしれない:

#topbar_left, #topbar_right { 
    line-height: 20px; 
} 

また垂直整列 CSSプロパティで周りいじってみることができます。 this article

+0

幸運

それを正しく使用する方法についてのおかげを読む、私は以前の記事を読んで、それは垂直整列使用して動作させることを試みたが、助けていないようです。行の高さに関しては、明示的な高さを設定したくないのですが、それ以外の方法がない場合は、そうすることができます。 – DanielGibbs

関連する問題