html - 在 div 中定位图像和文本

Question

我是 CSS 新手，正在尝试为我的网页创建标题

header的结构是这样的

-LOGOIMAGE--link1--link2-----TITLEIMAGE(@center)-----link3--link4-

这是标题的html

<div id="header">
    <img src="http://goo.gl/Uinfkp" class="logo"/>
    <div id="navbox1">
        <a href="aaa.html">aaa</a>
        <a href="bbb.html">bbb</a>
    </div>
    <img src="http://goo.gl/Uinfkp" class="title"/>
    <div id="navbox2">
        <a href="xxx.html">xxx</a>
        <a href="yyy.html">yyy</a>
    </div>
</div>

这就是我用 css 尝试过的 http://jsfiddle.net/WSDJ3/

我不知道为什么图像和文字会这样放置。请帮忙!

Answer 1

要选择一个类，您应该使用 . 而不是 #
#用于选择一个ID

所以 CSS 应该是这样的:

.logo
{
     float:left;
     width:72px;
     height:70px;
     margin:5px 0;
}

.title
{
     float:left;
     width:175px;
}