Html 如何将我的徽标插入并居中对齐到我的横幅中？

我无法将我的徽标插入页面顶部的白色横幅中

我的代码中需要注意的是

标题

ID:

<div id="header">
      <p class="LogoFF1">FF1 Site</p> 
</div>
<div class="wrapper"></div>

FF1网站

请参阅我的链接：

---

谢谢：）

只需为logo类添加此css即可：

.LogoFF1 {
  text-align: center;
  margin: 0;
}

正文{
背景色：#101010；
}
标题{
高度：50px；
背景：#f0；
边框：1px实心#CCC；
宽度：960px；
保证金：0px自动；
}
#标题{
高度：150像素；
背景：#f0；
边框：1px实心#CCC；
宽度：960px；
保证金：0px自动；
文本阴影：6px 5px 4px#FF0000；
字体大小：130px；
位置：相对位置；
}
h2.main{
字体大小：20px；
字母间距：1px；
文本对齐：居中；
文本阴影：0px 0px 2px#2050FF，
-2px-2px 2px#2050FF，
2px-2px 2px#2050FF，
-2px 2px 2px#2050FF，
2PX2PX2PX#2050FF；”
}
#部分{
最大宽度：960像素；
颜色：#FFFFFF；
填充：4px；
页边顶部：自动；
页边距底部：自动；
右边距：自动；
左边距：自动；
左侧填充：220px；
文本对齐：居中；
字母间距：1px；
}
#第2节{
最大宽度：1000px；
颜色：#FFFFFF；
填充：4px；
页边顶部：自动；
页边距底部：自动；
右边距：自动；
左边距：自动；
左侧填充：220px；
文本对齐：居中；
字母间距：1px；
}
.主标题{
文本对齐：居中；
填充物：5px；
左侧填充：300px；
高度：160px；
边缘：左；
}
显示图像{
显示：块；
左边距：自动；
右边距：自动；
浮动：左；
}
h1{
颜色：#ffffff；
}
分区包装器{
边距：左10px；
宽度：250px；
浮动：左；
}
垂直导航{
边界半径：5px；
盒影：0 10px rgba（0,0,0,15）；
溢出：隐藏；
文本对齐：居中；
}
垂直导航>ul{
填充：0；
}
垂直导航>垂直导航>垂直导航>垂直导航{
显示：块；
}
导航垂直>ul>li>标签，
导航垂直>ul>li>a{
背景：rgb（181189200）；/*旧浏览器*/
背景：莫兹线性梯度（顶部，rgb（181189200）0%，rgb（130140149）36%，rgb（40,52,59）100%）；/*FF3.6-15*/
背景：-webkit线性梯度（顶部，rgb（181189200）0%，rgb（130140149）36%，rgb（40,52,59）100%）；/*Chrome10-25，Safari5.1-6*/
背景：线性梯度（至底部，rgb（181189200）0%，rgb（130140149）36%，rgb（40,52,59）100%）；/*W3C，IE10+，FF16+，Chrome26+，Opera12+，Safari7+*/
边框底部：1px实心rgba（255、255、255、.1）；
框阴影：插入0 1px 1px rgba（0,0,0,1），0 1px 1px rgba（0,0,0,1）；
颜色：rgb（255、255、255）；
显示：块；
字体大小：.85rem；
字号：500；
高度：50px；
线高：50px；
文本阴影：0 1px 1px rgba（0,0,0,1）；
文本转换：大写；
过渡：全部1秒轻松；
文字装饰：无；
}
导航垂直>ul>li>标签：悬停，
导航垂直>ul>li>a:悬停{
背景色：rgb（114,51,98）；
背景图像：-webkit线性梯度（150度，rgb（114,51,98），rgb（114,51,98））；
背景图像：-莫兹线性梯度（150度，rgb（114，51，98），rgb（114，51，98））；
背景图像：-o-线性梯度（150度，rgb（114,51,98），rgb（114,51,98））；
背景图像：线性梯度（150度，rgb（114，51，98），rgb（114，51，98））；
光标：指针；
}
导航垂直>ul>li>标签+输入{
显示：无；
可视性：隐藏；
}
/*未访问链接*/
a:链接{
颜色：#AAAAFF；
}
/*访问链接*/
a:参观了{
颜色：#DD04FF；
}
/*鼠标悬停链接*/
a:悬停{
颜色：#FF0000；
}
/*选定链接*/
a:主动的{
颜色：#FFCC00；
}
页脚{
颜色：#ffffff；
}
导航{
背景色：浅灰色；
边框：5px实心#333；
}
导航ul{
nav ul：列表样式类型：无；
}
李海军{
填充：2px；
显示：内联块；
右边框：1px实心#fff；
}
导航李a：链接{
文字装饰：无：字体大小：700；
文本转换：大写；
颜色：#fff；
字体系列：无衬线；
字号：0.9em；
}
李导航：悬停{
背景色：青色；
}
.LogoFF1{
文本对齐：居中；
保证金：0；
}

关于
FF1网站












关于

您好，欢迎访问FireFalcons个人网站！


我的爱人，我的爱人，我的爱人，我的爱人，我的爱人。
整瓶调味品，在三种不同的调味品中都能找到。我的选择，我的爱，我的爱，我的爱，我的爱，我的爱，我的爱，我的爱。
如果你是一个酒后驾车的人，那么你的第二生命和第二生命的有效性就没有了。
这是一种爱，是一种爱。



版权所有©；2016 Stephen Fawcett，保留所有权利

只需为徽标类添加此css即可：

.LogoFF1 {
  text-align: center;
  margin: 0;
}

正文{
背景色：#101010；
}
标题{
高度：50px；
背景：#f0；
边框：1px实心#CCC；
宽度：960px；
保证金：0px自动；
}
#标题{
高度：150像素；
背景：#f0；
边框：1px实心#CCC；
宽度：960px；
保证金：0px自动；
文本阴影：6px 5px 4px#FF0000；
字体大小：130px；
位置：相对位置；
}
h2.main{
字体大小：20px；
字母间距：1px；
文本对齐：居中；
文本阴影：0px 0px 2px#2050FF，
-2px-2px 2px#2050FF，
2px-2px 2px#2050FF，
-2px 2px 2px#2050FF，
2PX2PX2PX#2050FF；”
}
#部分{
最大宽度：960像素；
颜色：#FFFFFF；
填充：4px；
页边顶部：自动；
页边距底部：自动；
右边距：自动；
左边距：自动；
左侧填充：220px；
文本对齐：居中；
字母间距：1px；
}
#第2节{
最大宽度：1000px；
颜色：#FFFFFF；
填充：4px；
页边顶部：自动；
博托保证金
.LogoFF1{
  margin-top:0px;
}

#header{
height:150px;
    background:#F0F0F0;
    border:1px solid #CCC;
    width:960px;
    margin:0px auto;
text-shadow: 6px 5px 4px #FF0000;
font-size:130px;
position: relative;
    text-align:center;
}

<div id="header" align="center ">

.LogoFF1{
    margin: 0px;
    text-align: center;
}

.LogoFF1{
  text-align:center;
  margin-top:0px;
}