css - H2 Float と動的 Div

Question

みなさん、問題のサイトは次のとおりです。

http://www.myvintagesecret.com/

トップページにたくさんの投稿があります。H2 タグのヘッダー。そのほかに、Clip という div を作成することがあります。そこに.clip divがある場合、タイトルを次の行に折り返す必要があります。

私の問題は、.clip div があり、十分な長さのタイトルがある場合、.clip div が押し下げられることです。H3 をラップして .clip を 1 番目の投稿のように表示したい。

    .clip {
    width:214px;
    height:275px;
    float:right;
    }

        #content h2 {
    color:#1A1A1A;
    float:left;
    font-size:20px;
    margin-left:30px;
    padding:70px 0 2px 0;
}

Answer 1

h2 から float:left を削除してみませんか?

編集：クリップがhtmlのh2の前に表示されることを確認してください...

Answer 2

これを試して：

#content h2 {
    color:#1A1A1A;
    float:left;
    font-size:20px;
    line-height:180%;
    margin-left:30px;
    max-width:335px;
    padding:70px 0 2px;
}

Answer 3

atm について考えることができる最善の方法は、タイトルが長すぎてその .clip を使用しているときに、毎回この h2 に新しいクラスを手動で追加することです <_<

このようなもの：

.fix{
    line-height:180% !important;
    width:336px !important;
}