Skip to content

Instantly share code, notes, and snippets.

@eduardomart

eduardomart/vertical-center.css

Last active August 24, 2018 15:59
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eduardomart/5bdcfa9271898b1bb5cf to your computer and use it in GitHub Desktop.
Save eduardomart/5bdcfa9271898b1bb5cf to your computer and use it in GitHub Desktop.
Download ZIP
BS3 Vertical center of row items
Raw
vertical-center.css
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
Raw
vertical-center.html
<div class="row">
<div class="col-sm-5 vcenter">
<div style="height:10em;border:1px solid #000">Big</div>
</div>
<div class="col-sm-3 vcenter">
<div style="height:3em;border:1px solid #F00">Small</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment