在同一行（空白）中添加下一个段落/图片，而不是在新行中添加

debugcn 发表于 Dev

急性心力衰竭

我正在尝试仅通过使用html来制作页面，因为我是html的新手

<div id="container" style="width:400px">    
    <div id="header" style="background-color:#0000;">
        <h1 style="margin-bottom:0;">Box Office</h1>
    </div>

    <div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
        <p>   
            <a href="http://www.imdb.com/title/tt1170358/?ref_=hm_cht_t1" target="_blank" >1.   The Hobbit: The Desolation of Smaug    $31.5M </a>
        </p>
        <p>
            <a href="http://www.imdb.com/title/tt1229340/?ref_=hm_cht_t2" target="_blank" >2.   Anchorman 2: The Legend Continues      $26.8M </a> 
        </p>
        <p>
            <a href="http://www.imdb.com/title/tt2294629/?ref_=hm_cht_t3" target="_blank" >3.   Frozen  $19.6M </a>
        </p>
        <p>
            <a href="http://www.imdb.com/title/tt1800241/?ref_=hm_cht_t4" target="_blank" >4.   American Hustle $19.1M </a>
        </p>
        <p>
            <a href="http://www.imdb.com/title/tt2140373/?ref_=hm_cht_t5" target="_blank" >5.   Saving Mr. Banks    $9.34M </a>
        </p>
    </div>

哪个像这样

在此处输入图片说明

现在我想以相同的流程开始下一个阶段，但是我想从该块之后的空白处开始，就像在景观流中那样，我需要做的是让我的下一部分在之后开始，我不想将新行用于我要输入的下一个内容

要求的输出

在此处输入图片说明

现在我希望当我开始新的块时，它应该从第一个块之后开始，就像它应该从我写“现在，我想要这个”的地方开始一样

维克拉姆·德什穆克（Vikram Deshmukh）

请问这个解决问题了吗？您是否要在横向并排放置两个容器div？

<div id="container" style="width:400px">
    <div id="header" style="background-color:#0000;">
         <h1 style="margin-bottom:0;">Box Office</h1>

    </div>
    <div id="content" style="background-color:#EEEEEE;height:200px;width:600px;float:left;">
        <div style='width: 50%;display:inline-block;float:left;'>
            <p> <a href="http://www.imdb.com/title/tt1170358/?ref_=hm_cht_t1" target="_blank">1.   The Hobbit: The Desolation of Smaug    $31.5M </a>

            </p>
            <p> <a href="http://www.imdb.com/title/tt1229340/?ref_=hm_cht_t2" target="_blank">2.   Anchorman 2: The Legend Continues      $26.8M </a> 
            </p>
            <p> <a href="http://www.imdb.com/title/tt2294629/?ref_=hm_cht_t3" target="_blank">3.   Frozen  $19.6M </a>

            </p>
            <p> <a href="http://www.imdb.com/title/tt1800241/?ref_=hm_cht_t4" target="_blank">4.   American Hustle $19.1M </a>

            </p>
            <p> <a href="http://www.imdb.com/title/tt2140373/?ref_=hm_cht_t5" target="_blank">5.   Saving Mr. Banks    $9.34M </a>

            </p>
        </div>
        <div style='width: 50%;
    display:inline-block;
    float:left;background:#ddd;height:100%; '>
            <h2>Now I want this</h2>
        </div>
    </div>