我如何互相加载 div

How do i load div's besides each other

我正在为我的公司制作 html 时事通讯,在这里遇到了问题。 现在我写了一些代码,从我们页面的 RSS 提要中获取文章,如标题、缩略图和摘要。

<div class="col-xs-18 col-sm-6 col-md-3" >
      <div class="thumbnail">
        <!--#image name="image" #--><img src="http://cloud-files.crsend.com/img/noimage.png" style="width:300px; " /><!--#/image#-->

          <div class="caption" style="text-align:center;">
            <!--#html name="title" #--><h4>Thumbnail label</h4><!--#/html#-->
            <!--#html name="description" #--><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
            Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. 
            Consectetur, culpa itaque odio similique suscipit</p><!--#/html#-->
            <p><a href="#" class="btn btn-info btn-xs" role="button">Button</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a></p>
      </div>
    </div>

现在发生了什么。我加载了 rss,select 文章,它与左侧缩略图、标题和摘要向下完美对齐。现在,当我 select 一篇新文章出现在下面时,但我希望它显示在正确的站点上。我知道在一个代码中直接编写它们时的解决方案,但它们是单独加载的。

P.S。我是 html 和 css 的新手,如果我犯了一些明显的错误,我深表歉意。

对于电子邮件模板,最好使用 <table> 而不是 <div>。电子邮件模板始终需要内联 css 并且不支持浮动等某些属性。因此很难在电子邮件模板中使用 <div> 构造结构。但是 <table>

很容易