• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

My Monkey Do

A Log of Coding Solutions

  • Home
  • Web Hosts
  • Tools
  • About

Vertically Centering Multi-line Text

July 10, 2012 by Webhead

Found a great article that demonstrates vertically centering multiline text.  It uses display:table and display:table-cell among some IE hacks.

Found a better post on stack overflow that does this.  The idea is to have an outer div with a specific height and the same line height.  Then a span inside to define your true line height.

keywords: css vertical center text
source: http://css-tricks.com/vertically-center-multi-lined-text/
source: http://stackoverflow.com/a/14850381

Filed Under: Coding Tagged With: css, IE crap

Primary Sidebar

Topics

apache apple block editor chrome cms css debug eCommerce embed firebug firefox git gmail goDaddy google hosting htaccess html html 5 IE crap image iPad iPhone javascript jquery linux localization mac os x ms sql mysql open source optimize php php 5.3 responsive rest api seo svg tinymce woocommerce wordpress wpengine xss yii youtube




Categories

  • Coding
  • Off the Shelf
  • Plugins
  • Random Thoughts
  • Server Stuff
  • Tools