用CSS格式化表格？

我只想使用CSS创建一个表（没有标签）。我的目标是创建一个两行表，第一行有两个单元格，第二行有一个单元格。单元格内容垂直堆叠。谢谢你的帮助

文章{
显示：表格；
宽度：440px；
左边距：20px；
}
部分{
显示：表格行；
}
第1条第2款img{
显示：表格单元格；
宽度：130px；
}
第4条第p节{
显示：表格单元格；
宽度：130px；
}

这位是拿破仑·波拿巴
法国皇帝穿着他的军装
制服。

选择器不正确

---

article.section img

和

article.section p

应该是

article-section img

和

article-section p

，以响应您的JSFIDLE，我已经做了更改

---

您在选择器中放入了不必要的

。就是这样。

看看下面的css

article.section img {
  display: table-cell;
  width: 130px; 
}

article.section p {
  display: table-cell;
  width: 130px;
}

article.section

是一个，因此它将应用于所有具有

class=“section”

属性的标签，如下所示

<article class="section">   <!-- table -->
   <section> <!-- table row 1 -->
     <img src="images/People/napoleon.jpg" /> <!-- row 1, cell 1 -->
     <img src="images/Symbols/fleurBlue.jpg" /> <!-- row 1, cell 2 -->       
   </section>

   <section> <!-- row 2 -->
     <p> This is Napoleon Bonaparte as 
       Emperor of France wearing his military 
        uniform. 
     </p> 
   </section>
</article>

---

我已经回答了你的问题。但我不清楚你在街上的需要！你想要这种类型的结构吗：第1行：单元格1，单元格2第2行：单元格3这是我的想法，但我正在使用的书使用“article.section”格式；我不明白为什么当你可以只使用“文章部分”时，选择符之间的时间间隔是怎么做的？它被称为后代选择符。请参阅此处了解更多信息：，我还更新了我的答案。

article section img {
  display: table-cell;
  width: 130px; 
}

article section p {
  display: table-cell;
  width: 130px;
}