Home › Forums › CSS › [Solved] full width tile gallery › Reply To: [Solved] full width tile gallery
December 28, 2014 at 8:34 am
#191726
wiseboss
Participant
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;}