Popular syntax
Jump to navigation
Jump to search
Centering Text Vertically in DIV
HTML Markup
<div class="main"> <div class="right"> <img src="https://picsum.photos/75/150?random=1" alt=""></div> <div class="left"> <p>some text</p></div> </div>
CSS Markup
.main{ display: flex; align-items: center; }
Dealing with images
img{width: 100%} img{aspect-ratio: 1 / 1; object-fit: contain;}
or
img{aspect-ratio: 1 / .5;}