Skip to content

Instantly share code, notes, and snippets.

@vibhanshuc

vibhanshuc/CSS SNIPPETS.md

Last active July 5, 2016 15:22
Show Gist options
  • Save vibhanshuc/2852a5ffca4434686574f3cf895f4b74 to your computer and use it in GitHub Desktop.
Save vibhanshuc/2852a5ffca4434686574f3cf895f4b74 to your computer and use it in GitHub Desktop.
Download ZIP
Contains snippets of CSS utilities
Raw
CSS SNIPPETS.md

Center a div in middle of screen

<div class="container">
    <div class="box blueBox"></div>
</div>

.container { width: 100%; position: absolute; top: 50%; margin-top: -50px; left: 0; }

.blueBox { width: 100px; height: 100px; margin: 0 auto; background: blue; border-radius: 50%; }

DEMO

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment