inherit
120205
0
Nov 20, 2022 0:36:37 GMT -8
;Spots.xx
331
February 2008
spotseh
|
Post by ;Spots.xx on Aug 1, 2014 21:41:21 GMT -8
Greed-skin-test.proboards.com
Is there a way to vertically center the board descriptions? I have tried so many ways, I just can't get it to work.
|
|
inherit
72282
0
Feb 22, 2019 7:29:04 GMT -8
Smangii
what's this?
4,772
February 2006
smangii
|
Post by Smangii on Aug 3, 2014 17:11:33 GMT -8
True vertical align either works in two ways: 1. Table method: The outer container must be set to be a table, either using <table> or display: table; The inner container (what you want to be vertical) must be set to table cell, either using <td> or display: table-cell; and have the property, vertical-align: middle; This example below: This outer part is my <table> This inner stuff is my <td> and this stuff is vertically aligned using vertical-align: middle;
|
2. Flex method: This one I just discovered recently, and I like it a lot. Can't demo it using HTML in UBBC, but you can see an easy example here: philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/and here: learnlayout.com/flexbox.htmlYou would have to include either of these two methods into your <div class="description"...</div>
|
|