Popular syntax

From rbachwiki
Revision as of 17:29, 28 November 2022 by Bacchas (talk | contribs)
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;}

Back To Top- Home - Category

Retrieved from "https://www.r512.com/index.php?title=Popular_syntax&oldid=2568"