CSS：如何將多個內容放入方框/邊框？

Question

我想在每個供應商周圍放一個盒子，在下面的循環中處理對。

<% micropost.comments.each do |comment| %> 

     <p4> 
     <b>Vendor:</b> 
     <%= comment.commenter %><br> 
     <b>Deal:</b> 
     <%= comment.body %> 
     </p4> 

    <% end %> 

因此它在[vendor：「vendor」的所有區域都有一個框。然後在上新線，交易：「交易」]

所以在我的CSS文件，我把

p4 { 
    border-style:solid; 
    border-width:3px; 
} 

也是整個事情應該被縮進，所以我有，

#blah_form input, textarea, b4 {margin-left:80px} 

現在它只是把供應商放在一個半盒子裏，就像一個[然後返回一條線並且放置一個半盒子]在它周圍。

Answer 1

您需要使用非內聯元素才能達到您要查找的效果。 更換（或包裹）<p4>在<div>

新代碼：

<% micropost.comments.each do |comment| %> 

    <div class="box"> 
    <b>Vendor:</b> 
    <%= comment.commenter %><br> 
    <b>Deal:</b> 
    <%= comment.body %> 
    </div> 

<% end %> 

和CSS：

div.box { 
    border: 3px solid black; 
}