css - 用 CSS 格式化表格？

Question

我只想使用 CSS(无标签)创建一个表格。我的目标是创建一个双行表，第一行有两个单元格，第二行有一个单元格。单元格内容垂直堆叠。感谢您的帮助。

article {
  display: table;
  width: 440px;
  margin-left: 20px;
}

section {
  display: table-row;
}

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

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

 <article>   <!-- 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>

Refer this jsfiddle

Answer 1

选择器不正确。

article.section img 和article.section p 应该是article section img 和article section p。