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:

enter image description here

this <a> tag in browser:

enter image description here

this <span> tag:

enter image description here


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:

enter image description here


edit-2

there text-align:center inherit header-article-list, uncheck in browser:

enter image description here

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

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

python Tkinter Capturing keyboard events save as one single string -

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -