html - 如何制作 CSS 行框？

Question

我正在尝试像在表格中一样制作几行，但使用 div。

每个人的左边都有一张图片、一段文字和“阅读更多”。

我试过使用 display:table，但它似乎不起作用。文本和图像未正确对齐。

http://jsfiddle.net/76a4j/1/

.entry{
width=100%;
display:table;
}

entry-row {
border: 2px #000000 solid;
margin-top:5px;
   margin-bottom:5px;
 display: table-row;
}

.imgrL {
border: 1px solid #c7c5c8;
padding: 5px;
float:left;
clear:left;
}

谢谢大家的回答，我知道我哪里做错了，现在已经改正了:)

Answer 1

你有两个问题:

1. CSS不使用=。改变

   width=100%;
   

   到

   width: 100%;
   

2. 您需要在所有类选择器上使用.。更改

   entry-row {
   

   到

   .entry-row {
   

通过这些更改，it looks more like your image .