Html 我头部左右两侧的图像3

我想在我的头的两边都放上一张图片，我希望它看起来像这样。这是我想要的标志图片

坦帕湾海盗队球迷页面
坦帕湾海盗队球迷页面
















海盗球迷俱乐部



海盗队2014年时间表


周
日期
对手
时间（ET）
1.
九月七日星期日
卡罗莱纳州
下午1:00
2.
九月十四日星期日
圣路易斯
下午1:00
3.
九月十八日星期四
在亚特兰大
下午1:00
4.
9月28日星期日
匹兹堡
td>下午1:00
5.
10月5日星期日
在新奥尔良
下午1:00
6.
10月12日星期日
巴尔的摩
下午1:00
7.
*再见
8.
10月26日星期日
明尼苏达州
下午1:00
9
11月2日星期日
在克利夫兰
下午1:00
10
11月9日，星期日
亚特兰大
下午1:00
11
11月16日星期日
在华盛顿
下午1:00
12
11月23日，星期日
在芝加哥
下午1:00
13
11月30日星期日
辛辛那提
下午1:00
14
12月7日星期日
在底特律
下午1:00
15
12月14日星期日
在卡罗莱纳州
下午1:00
16
12月21日星期日
绿湾
下午1:00
17
12月28日星期日
新奥尔良
下午1:00

您可以将

图像

分别浮动到

左侧

和

右侧

<div id="container">
    <img id="one" src="http://bsmithpci.accountsupport.com/firelogo.jpg"/>
    <p id="text" class="Three-Dee">Tampa Bay Buccaneers Fan Page</p>
    <img id="two" src="http://bsmithpci.accountsupport.com/firelogo.jpg"/>
</div>

例如：

<div id="container">
    <img id="one" src="http://bsmithpci.accountsupport.com/firelogo.jpg"/>
    <p id="text" class="Three-Dee">Tampa Bay Buccaneers Fan Page</p>
    <img id="two" src="http://bsmithpci.accountsupport.com/firelogo.jpg"/>
</div>

img {
    height:30px;
}

#container{
    width:100%;
}

#one {
    float:left;
}

#two{
    float:right;
}

.Three-Dee{
    display:inline-block;
    text-align:center;
    width:80%;
    margin:auto;
}