以下のコードではなくdivを隣り合わせに配置

Question

divを配置するのではなく、隣り合わせに配置するのに問題があります。私はCSSを初めて使用しているので、正確に何をする必要があるのか​​分かりません。

Webページはポスト「リチャード・ルーは」隣になると仮定されて

www.panduzee.com/wordpressある「アシュリー・リー。」 http://pastebin.com/J3CNMfaP そして、CSSは次のとおりです：

コードへのリンクですhttp://pastebin.com/isn5NViAが

申し訳ありませんが、私はこの記事内で作業するためのコードを取得しようとしたが、それが正しく表示されませんでした。

助けていただけたら幸いです！ CSSはWordpressのテーマに由来しています。

ありがとうございました！あなたの "箱" と "boxes2" のdivに

Answer 1

jsFiddle（http://jsfiddle.net/BnJ7g/3/）

は、float:left属性を追加します。

<div id="boxes" style="float:left;"> 
    <div class="box"> 
     <!--The post title--> 
     Ashley Lee <!--The post image--> 
     <a href="http://www.panduzee.com/wordpress/2012/04/15/fashion/"><img width="210" height="312" src="http://www.panduzee.com/wordpress/wp-content/uploads/2012/04/527802_2560693355446_1797426028_1635316_739143794_n-210x312.jpg" class="attachment-homepage-thumb wp-post-image" alt="" title="" /></a> 
    </div>  
</div> 

<div id="boxes2" style="float:left;"> 
    <div class="box"> 
     Richard Lu <!--The post image--> 
     <a href="http://www.panduzee.com/wordpress/2012/04/24/richard-lu/"><img width="210" height="312" src="http://www.panduzee.com/wordpress/wp-content/uploads/2012/04/527802_2560693355446_1797426028_1635316_739143794_n-210x312.jpg" class="attachment-homepage-thumb wp-post-image" alt="" title="" /></a> 
    </div> 
</div>