Skip to content

Instantly share code, notes, and snippets.

@parollon

parollon/center_fucking_div_definitve.html

Created October 6, 2023 09:01
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save parollon/6d81459ebc2c05d184ad84a80c534115 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save parollon/6d81459ebc2c05d184ad84a80c534115 to your computer and use it in GitHub Desktop.
Download ZIP
Center a fucking div definitive way LOL
Raw
center_fucking_div_definitve.html
<div style="border: 1px solid red; height: 100%; width: 100%; display: flex; align-items: center">
<p style="border: 1px solid green">Centered vertically</p>
</div>
<div style="border: 1px solid red; height: 100%; width: 100%; display: flex; justify-content: center">
<p style="border: 1px solid green">Centered horitzontally</p>
</div>
<div
style="
border: 1px solid red;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
"
>
<p style="border: 1px solid green">Centered vertically & horitzontally</p>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment