Html 无法将CSS元素居中。。疯狂的

我在拔头发。我一个元素都不能居中

我的小提琴：

我希望我的帐户以欢迎用户为中心，无论我做什么，它都不会去。为什么

---

谢谢！：）

将

垂直对齐：居中
添加到
#nav_login_navigation img
，如下所示：

#nav_login_navigation img{
    margin-top: 4px; 
    margin-left: 10px;
    vertical-align: middle;
}

我尝试了一种不同的方法，因为我的帐户在一行中，将行高设置为容器的高度垂直对齐元素。因此，我的建议如下：

CSS：

<div class="loggedin_container noselect clearfix">
<span id="nav_login_welcomeuser">
    Welcome User!
</span>
<ul id="nav_login_navigation">
    <li>
    <img class="nav_login_floatleft" src="../images/nav/house16.png"/>
    <span>My Account</span>
    </li>
</ul>

.clearfix{
显示：块；
}
.clearfix:之后{
可见性：隐藏；
显示：块；
字号：0；
内容：“.”；
明确：两者皆有；
身高：0；
}
.loggedinu容器{
左边距：-10px；
宽度：920px；
背景色：#333333；
颜色：白色；
-moz边框半径右上角：5px；
边框右上角半径：5px；
-左上角moz边界半径：5px；
边框左上半径：5px；
}
#导航用户登录用户{
字体大小：12px；
字体大小：粗体；
填充：7px 10px 0px 15px；
浮动：左；
显示：内联；
}
#导航登录导航{
显示：块；
浮动：左；
文字装饰：无；
列表样式：无；
}
#导航登录导航li{
浮动：左；
字体大小：12px；
字体大小：粗体；
不透明度：0.8；
过滤器：α（不透明度=80）；
左边框：1px纯白；
}
#导航登录导航图像{
左边距：10px；
浮动：左；
}
#导航登录导航li span{
左边距：5px；
线高：30px；
显示：块；
浮动：左；
}
#导航登录导航li：悬停{
不透明度：100；
过滤器：α（不透明度=100）；
}

HTML：

<div class="loggedin_container noselect clearfix">
<span id="nav_login_welcomeuser">
    Welcome User!
</span>
<ul id="nav_login_navigation">
    <li>
    <img class="nav_login_floatleft" src="../images/nav/house16.png"/>
    <span>My Account</span>
    </li>
</ul>


欢迎用户！


我的帐户




对于标记，我添加了clearfix类，用于清除浮动元素

我还使用了meyerweb的重置，以防您没有它

希望它对您有用。
中心
不是
垂直对齐
的有效值，它应该是
中间
。我不确定如何使用此编辑器正确格式化代码，对此我深表歉意：(