CODEWITHSUNDEEP
htmlcss
Vinc199789
Vinc199789

Reputation: 1046

Why is my second row not placed at the top?

I am trying to place to rows next to each other. The rows listen and are placed diplay:inline-block; but the cell of the second row is not placed properly like you can see in this jsfiddle.

This what I tried:

.row{
 width:50px;
 height:auto;
 display:inline-block;
 white-space: nowrap;
 position:relative;
 top:0px;
}

but this is not working. Can somebody help me solving this problem?

Upvotes: 0

Views: 54

Answers (1)

JDB
JDB

Reputation: 25855

As pointed out by Daniel,

Use vertical-align on the row for default goes to the baseline http://jsfiddle.net/kznyc780/2

.row{
    /* ... */
    vertical-align:top;
    /* ... */
}

Upvotes: 3

Related Questions