.cell {
vertical-align: middle;
display: table-cell;
}
html:
<div id="parent">
<div id="child">Content here</div>
</div>
css:
#parent {display: table}
#child {
display: table-cell;
vertical-align: top;
}
IE Fix:
child {display: inline-block}
thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
Code Example |
---|
Css :: hard blink |
Css :: css linear gradient |
Css :: onhover mouse pointer css |
Css :: how to style submit button css |
Css :: css show scrollbar if overflow |
Css :: red color rgb |
Css :: centre align in position absolute |
Css :: table font size |
Css :: how to let flex child take whole width |
Css :: background opacity css hex |
Css :: background image blur css codepen |
Css :: css button border |
Css :: SCSS lighten |
Css :: how to add background in css |
Css :: object-fit |
Css :: css background properties |
Css :: remove scrollbar from select tag |
Css :: css pointer event |
Css :: canvas disable antialiasing |
Css :: transform:translateX() |
Css :: text shadow effect |
Css :: css align backround image to the right |
Css :: text-shadow css |
Css :: ellipsis css |
Css :: css good background color |
Css :: arrow up css |
Css :: transition timing functions |
Css :: css vendor prefixes |
Css :: media queries |
Css :: grid css |