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