html - How can I let the a tag vertical center to the footer tag? -
how can let <a> tag vertical center <footer> tag?
this below css:
.header-article-list { width:50%; color: #000000; } .header-article-list .prev-btn { float:left; } .header-article-list .next-btn { float:right; } it did not let <a> tag vertical center <footer> tag.
this <footer> in browser:
this <a> tag in browser:
this <span> tag:
edit
i set css below:
.header-article-list { overflow:hidden; width:50%; color: #000000; } .header-article-list .prev-btn { /** float:left; **/ } .header-article-list .next-btn { /** float:right;**/ } get below effect:
edit-2
there text-align:center inherit header-article-list, uncheck in browser:
you can use code in css:
footer { background-color: #fff; position:fixed; bottom: 0px; width: 100%; text-align: center; } html:
<footer align="center"> <a href="#">march 25, 2</a> </footer> you can show example here:http://jsfiddle.net/9ynt3/3/





Comments
Post a Comment