Vertically centered

HTML & CSS
1

There is a button “sns” on the left bottom of the page http://dot.kr/joon/044hot/.

I like to put the button to be vertically centered.
(I tried style=“vertical-align:text-middle;” on the div “id=footer”, but it seems not to work)

2

first of all the property is: vertical-align:middle;

Hoever this only works for table elements (or display table elements) and inline elements aligned side by side. Note that if you float an element it given display:block ( regardless of what you declared)

In short I would remove the flR/flL; style=“vertical-align:text-middle;” in the footer is useless, you might be better served by style=“text-align:justify”; then

footer:after{
content:''; width:100%; display:inline-block; height:1px; margin-bottom:-1px;

}

hope that helps