如何制作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 {
   

通过这些更改,它看起来更像您的图像.