css - 希望得到 “display: table-cell;” 和填充的指导

Question

我希望第二列中的内容在其上方有 10px 的空间。但是当我添加“padding-top: 10px;”时两列的内容都下降了 10px。谁能提出解决方案？

CSS:

#div1 { display: table;}
#div1-1 { display: table-cell; 
   width: 200px; 
   border: 1px solid #aaa; 
}
#div1-2 { display: table-cell; 
   width: 200px; 
   border: 1px solid #aaa; 
   padding-top: 10px;
} 

HTML:

<div id="div1">
<div id="div1-1">Apples</div>
<div id="div1-2">Oranges</div>
</div>

Answer 1

如果加上float:left; #div1-1，第一列将保持原样。