Skip to content

Instantly share code, notes, and snippets.

@shoxty

shoxty/Center a widthless element

Created April 6, 2011 16:42
Show Gist options
  • Save shoxty/906006 to your computer and use it in GitHub Desktop.
Save shoxty/906006 to your computer and use it in GitHub Desktop.
Download ZIP
Center a widthless element with CSS
Raw
Center a widthless element
<style type="text/css">
.center-wrapper {overflow: hidden; width: 500px;} //SET THE WIDTH OF YOUR CONTAINER
.center-wrapper .center-wrapper-inner {position: relative; float: left; left: 50%;}
.center-wrapper .center-wrapper-inner .centered-item {float: left; position: relative; right: 50%;}
</style>
<div class="center-wrapper">
<div class="center-wrapper-inner">
<div class="centered-item">
CRAP IN HERE WILL BE CENTERED
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment