CSS table width

Question

.content {
    width: 1140px;
    margin: 0 auto;
    text-align: center;
}
.content .content_row {
    display: table;
}

I want justify my two rows to 1140px. Can I do this without table-tag?

UPD. I want this result

score 0 · Answer 1 · answered Feb 17 '15 at 07:48

0

try the following

.content {
    min-width: 1140px; // Change to min-width
    margin: 0 auto;
    text-align: center;
}
.content .content_row {
    display: table;
}

answered Feb 17 '15 at 07:48

lightup

634
8
18

score 0 · Answer 2 · answered Feb 17 '15 at 07:54

0

Try like this: Demo

.content {    
    margin: 0 auto;
    text-align: center; // Removed width from .content
}
.content > .content_row {
    display: table;
    width: 1140px; // Added width here
}

answered Feb 17 '15 at 07:54

G.L.P

7,119
5
25
41

My table cells should be have width equal width of images( – SET Feb 17 '15 at 08:11
i dont get what you are telling, if possible create your expected result as a image – G.L.P Feb 17 '15 at 08:15
check this link, might be helpful for you http://stackoverflow.com/questions/6865194/fluid-width-with-equally-spaced-divs – G.L.P Feb 17 '15 at 08:48
thx, but its dont help me coz my table-cells dont have fixed width... or 215px, or 345px – SET Feb 17 '15 at 09:12

score 0 · Answer 3 · answered Feb 23 '15 at 09:04

0

Try this ,

.content .content_row {        
    border-spacing:10px
}

See Demo

answered Feb 23 '15 at 09:04

USER10

939
11
28

CSS table width

3 Answers3