vertical-align: middle is not working in twitter bootstrap with table rowspan

Question

I'm using Twitter Bootstrap 3.x and I've got a table where a cell has rowspan="2". Here is the table row: ``` Title 12/07/2014 - Some name ``` I've been looking trough StackOverflow for these solutions: - Use Bootstrap 3 vert-align class (which I couldnt find in docs but someone said its added) - Use line-height instead - Add CSS vertical-align: middle - Vertical-align: baseline - ......... I've tried everything, and looking at Chrome dev console, everytime I add line-height or vertical-align: middle, it appears stroked and isn't applied. Tried also…

Accepted Answer

Bootstrap uses selector like (shortened):

```
.table>tbody>tr>td {
    vertical-align: top;
}
```

So it has bigger priority that your single class selector (`.vertical-center`). So use either more specific selector or `!important`

```
.vertical-center {
    vertical-align: middle !important;
}
```

vertical-align: middle is not working in twitter bootstrap with table rowspan

Solution

Problem