Posts

Showing posts from July, 2013

Centering things including Div Horizontally and Vertically

a big amount of css styling effort comes down to aligning and centering (as well as measuring, setting heights etc.) there are lots of options so its important to choose the right solution for the problem at hand here's my list of useful solutions 1. simple horizontal centering for text or control: "text-align: center" for paragraph or heading text or button  see here  using  "text-align: center".  You can also use "text-align: center" to center things within a div, such as a button e.g.  <div style="text-align: center"><button type="submit" class="btn btn-large btn-embossed btn-info">Do it</button></div> bootstrap has a "text-centered" css class which is defined as: "text-align: center" for a block including text or image  see here (you must set width) 2. vertical centering; quite trickier this is a handy technique from css tricks where you know the size of