Ho il seguente codice html:Come allineare verticalmente gli articoli in ordine orizzontale con le immagini?
<div id="footer">
<ul id="yw1">
<li><a href="/index.php/site/login">About</a></li>
<li><a href="/index.php/site/login">FAQ</a></li>
<li><a href="http://twitter.com"><img src="/images/twitter_icon.png" /></a></li>
<li><a href="http://twitter.com"><img src="/images/facebook_icon.png" /></a></li>
</ul>
</div>
E i seguenti stili CSS:
#footer {
margin-top: 25px;
background: #000000 url(images/background.png) repeat;
padding: 25px;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .2);
}
#footer ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#footer li {
padding-left: 20px;
display: inline;
list-style-type: none;
}
#footer a {
color:white;
letter-spacing: 1px;
text-decoration: none;
text-align: center;
font-size: 14px;
font-weight: 300;
}
Ora risultato è:
Ma ho bisogno di allineare le immagini e testo collegamenti per verticale. Come posso farlo?
Provato ['vertical-align'] (https://developer.mozilla.org/en-US/docs/CSS/vertical-align)? – Passerby
è possibile utilizzare una tabella con