vertical align?

[;Spots.xx]

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.

[Smangii]

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.html


You would have to include either of these two methods into your <div class="description"...</div>