html ul垂直显示,html – 如何垂直对齐水平ul列表中的项目与图像？

我有以下

HTML代码：

• About
• FAQ
• 
• 

以下CSS样式：

#footer {

margin-top: 25px;

background: #000000 url(images/background.png) repeat;

padding: 25px;

Box-shadow: 0px 0px 10px 5px rgba(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;

}

现在的结果是：

但我需要垂直对齐图像和文本链接.我该怎么做？