I am struggling to vertically center my comments. Despite trying various methods, I have not been successful. Below is the code snippet along with a screenshot showcasing the issue.
Can you identify what is causing the problem?
.comment {
min-height: 400px;
background-color: red;
padding: 5px;
float: left;
display: table-cell;
vertical-align: middle;
}
The corresponding HTML:
<tr>
<td colspan="2">
<div class="profile_picture_container">
<img class="profile_picture" src="URL" />
</div>
<div class="comment">
<b>Patrick Reck</b> Come on, would you just work already!
</div>
</td>
</tr>