CSS由于某种原因不起作用

好的，让我看看我在这里是否有意义。我在一条直线上画了三个圈。这发生在网站主页的两个地方。我对第一部分进行了编码，它完美地排列了我的圆圈，我复制并粘贴了完全相同的代码，现在我的第一行完全混乱了，但第二行却完美无瑕。为了涵盖一些基础，它们是类，而不是id，所以这不是问题所在。我已经检查了四次我的括号，拼写和任何其他小事故，这些都很好。我快疯了。如果有人能伸出援手或提出建议，我将永远感激。 哦，圆圈是图像，如果这有助于提供所需信息的话

<div id="pages">
    <div class="projects"><a href="projects"><img src="images/projects.png" alt="projects"     align:"right"></a></div>
    <div class="services"><a href="services"><img src="images/services.png" alt="services" align:"middle"></a></div> 
    <div class="team"><a href="team"><img src="images/team.png" alt="team" align:"left"></a></div>
</div>

<div id="contact"> 
    <h1>Contact Us</h1>
        <div class="email"><a href=""><img src="images/email.png" alt="email" align:"right"></a></div>
        <div class="phone"><img src="images/phone.png" alt="phone" align:"middle"></div>
        <div class="business"><img src="images/business.png" alt="business" align:"left"></div>
</div>


 .projects{
    float: left;
    margin: 100px 75px 75px 300px;  
}

.services{
    float: left;
    margin: 100px 75px 75px 75px;   
}

.team{
    float: right;
    margin: 75px 200px 75px 75px;   
}

.phone{
    float: left;
    margin: 100px 75px 75px 300px;  
}

.email{
    float: left;
    margin: 100px 75px 75px 75px;   
}

.business{
    float: right;
    margin: 75px 200px 75px 75px;   
}

联系我们
.项目{
浮动：左；
利润率：100px 75px 75px 300px；
}
.服务{
浮动：左；
保证金：100px 75px 75px 75px；
}
.团队{
浮动：对；
利润率：75px 200px 75px 75px；
}
.电话{
浮动：左；
利润率：100px 75px 75px 300px；
}
.电邮{
浮动：左；
保证金：100px 75px 75px 75px；
}
.生意{
浮动：对；
利润率：75px 200px 75px 75px；
}

如果不看HTML代码，很难判断错误是什么。但是最常见的错误，即使是专业人士有时也会犯，就是当我们从一个地方复制到另一个地方时，我们忘记了更改HTML标记的id。我认为这可能是HTML代码中的错误，因为第二行工作得非常好，而第一行不行

---

尝试更改ID可能会有所帮助，并检查您是否为类指定了正确的名称。

除了align之外，我可以推荐一些其他方法来实现您的目标吗？我看到你有左，右和中间的东西。浏览器的中间位置+左侧位置，还是左侧+左侧位置？尝试将align从类或本地标记中移除。这是金票。我建议尝试看一看或两看其他完成布局的标签

你能提供代码吗？请在你的问题中包含一些代码。请编辑你的问题，并在其中插入代码，而不是在注释中。你应该提供HTML标记以及CSS。更好的办法是，创建一个堆栈片段或演示问题，以便我们能够更好地将其可视化。如果没有看到代码，我的猜测可能会从某些包含或以前的元素继承额外的填充/边距。启动浏览器开发工具，检查错误行为图像周围的元素。