简单html/css标题

所以，我正在为我的youtube频道制作一个网页，并扩大我的投资组合，我似乎陷入了困境。这是对两者的比较 左边是我拥有的，右边是我想要的。 我不能真正附加代码，因为我使用了绝对链接。 我尝试过使用边距，但图像不会移动，我不知道如何使其移动到图像的中心，并且文本均匀分布。我对这一切都不熟悉，所以我不能这么做

---

提前谢谢

为所有链接提供相同的左/右边距，然后为图像提供轻微的左/右边距。完成此操作后，需要查找标题的，并将其设置为

宽度：

。然后可以添加

margin:0 auto到收割台以使其居中

没有你正在使用的代码，我无法给你更多。上述信息也不利于移动。当屏幕太小而无法实现移动友好网站时，您需要添加下拉菜单。
查看此项

也许是这样


正文{
背景：url（'http://extrawallpaper.com/wp-content/uploads/2014/11/Wave-Nature-hd-Wallpaper.jpg’）无重复中心顶部；
背景尺寸：封面；
}
导航{}
导航>ul{
文本对齐：居中；
}
导航>ul>li{
显示：内联块；
*显示：内联；
缩放：1；
垂直对齐：中间对齐；
}
nav>ul>LIA{
显示：块；
颜色：#fff；
文字装饰：无；
填充：5px20px；
利润率：0.3倍；
字体系列：无衬线；
边框：2倍实心透明；
}
导航>超视距>视距a:悬停{
边框：2倍实心#fff；
}
.标志{
边框：2倍实心#fff；
}








无论您是否使用绝对链接，一些代码都会让我们知道您在做什么。我相信如果你发布标题代码和css代码，并删除链接，我们仍然能够更好地理解你是如何尝试将标题居中的
<div id="header">
        <div  class="menu">
            <p>Menu1</p>
        </div>
        <div  class="menu">
            <p>Menu2</p>
        </div>
        <div  class="menu">
            <img src="https://skypeblogs.files.wordpress.com/2013/09/skype-logo-feb_2012_rgb_500.png" >
        </div>
        <div  class="menu">
             <p>Menu3</p>
        </div>
        <div  class="menu">
             <p>Menu4</p>
        </div>
    </div>

        *
        {
            margin:0px;
            padding:0px;
        }

        .menu
        {
            height:40px;
            float:left;
            width:20%;
            text-align:center;
        }
        .menu p{
            line-height:40px;
        }
        .menu img
        {
            max-width:100px;
            height:40px;
        }