html - スパンを正しくフロートする方法

Question

私はこのサイトを開発していますhttp://indigonightlife.com/2番目のセクションは今週のイベントです。その見出しの右側には、5本の小さな青い線の画像があります。私が抱えている問題は、コンテナの右側に浮かせることができないことです。今のように、それはコンテナの真ん中にあります。フロートやクリアフィックスなどのあらゆる種類のコンボを試しましたが、右側にとどまることができません。以下の「レジデントDJとゲストDJ」というタイトルのセクションは同じイメージですが、うまく浮かんでいます。違いがわからない。

どんな助けでもいただければ幸いです。

ありがとう。

Answer 1

#homewidgetsから「height：460px」を削除します。

そのボックスが、画像が右に浮いていない原因です。

Answer 2

「homewidgets」divがオーバーフローしていて、画像が右端まで浮かんでいません。style.cssの245行目で、height属性を削除します。

#homewidgets {
    float: right;
    height: 460px;
    width: 307px;
}

Answer 3

試す

.heading {
font-family: neuro;
font-size: 37px;
color: white;
width: 800px;
display: inline-block;
vertical-align: top;
}

.bluestripes{display: inline-block;
width: 132px;
}