http://boomboomdesigns.com/nomoon/index.html 这是有问题的页面。 我尝试修改标题元素的CSS以增加页面宽度，但这使它向右移动。
我确定我忽视了某些事情，但我试图将Sanctis和即将到来的图像全部放在一条线上。
任何帮助都将不胜感激。
答案 0 :(得分：0)
您已经走上了正确的轨道......只需增加标题宽度，同时也减少margin-left属性。这些价值观对我有用：
padding: 2.875em 1.875em 1.875em;
position: absolute;
z-index: 1000;
top: 25%;
width: 1100px;
height: 300px;
left: 50%;
margin-top: -150px;
margin-left: -550px;
text-align: center;
答案 1 :(得分：0)
您可能希望使用CSS中的 flex 功能，而不是使用 float 。它将通过适当的对齐解决您的问题。请参阅以下链接，了解如何使用它。
答案 2 :(得分：0)
Jonny Dee， 您有一些我们应该首先解决的编码错误。
首先，<br />标记是自动关闭的，这意味着没有</br>标记。
其次，在某些<li></li>中，您在结束<a>标记之前没有结束</li>标记。
您基本上拥有使图片并排对齐的正确代码，您只需将display: inline更改为display: inline-block即可。然后它会工作。
我还建议您将CSS移动到外部文件。通过这种方式，网页加载速度更快，而且不会滞后。
如果你修复了错误并将CSS更改为display: inline-block，它应该可以正常工作。
希望这有帮助！ 祝你好运。