The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] full width tile gallery Reply To: [Solved] full width tile gallery


Sorry to bother you again, hehe
it seems that display:table; for the a element
and the display:table-cell; for h6 and small elements just bring back that problem.

they don’t want to align in the center of the the list item.
the auto height for the a element works perfectly as long as its not display:table;
do you have any idea how to center that text vertically and horizontally with out damaging the a elements ability to auto stretch in height ?

.mask {position:absolute; display:table; width:100%; height:100%; left:0px; top:0; background-color: rgba(34,34,34,.65);
opacity: 0; text-align:center;}
.mask:hover {opacity: 1;}

.mask > h6 {display: table-cell; vertical-align: middle;}