Html 将文本水平居中放置在两个div内

如何将文本水平居中放置在两个div内。当我在Dreamweaver中预览它时，它是精细居中的

我的HTML代码：

<div class="maincontainer">
    <div class="microcontainers">  
         <p class="design"><span style="color: #F90;">D</span>ESIGN</p>  
    </div>  
    <div class="microcontainers">  
    </div>
</div>

---

谢谢你和更多的力量

为段落添加

文本对齐：居中

.design{
    font-family: TrajanPro-Regular; 
    font-size:85px;
    color: #999;
    text-align:center;
}

加

在设计类中，也可以使用中心标记

<div class="maincontainer">
    <center><div class="microcontainers">  
         <p class="design"><span style="color: #F90;">D</span>ESIGN</p>  
    </div></center>
    <center><div class="microcontainers">  
    </div></center>
</div>


设计
只需添加文本对齐即可解决此问题，请参见
按照上面用户的建议做

但是我不明白你为什么要这样做，你能解释一下吗如果你在做一个大项目，我建议你使用你的内容“设计”似乎溢出了它的容器，从而使它偏离中心。看看这个，我在
设计中添加了
溢出：隐藏

使用更新的CSS，包括
文本对齐：居中
.design
，您可以，减少或
v。请尝试此方法，它可能会解决您的问题

有一些CSS的变化

.microcontainers{
    width: 350px;
    height: 600px;
    border:  #999 1px solid;
    margin: 40px 40px 40px 40px;
    padding: 15px 15px 15px 15px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.design{
    font-family: TrajanPro-Regular; 
    font-size:85px;
    color: #999;
    position: absolute;
    left:0;
    right:0;
}

您正在CSS中使用
#maincontainer
（id选择器），在HTML中使用
class=“maincontainer”
。如果要应用CSS规则，应将其更改为
.maincontainer
谢谢。对不起，我忘了放对中标签。我使用了文本对齐：居中、显示：块、边距：0自动等。。。但是没有用。虽然是真的，但你不应该建议人们使用贬值的标签。有关详细信息，请参阅。谢谢Sam。但是标记似乎也不起作用。请记住，HTML5不支持标记
。而且不应该被使用。谢谢你在小提琴中的T。它可以工作。但在浏览器上，如Chrome和Google，它不会。文本被抛出到div的右侧，尽管有所有的居中标记。谢谢@顺便问一下，JOEMAYA Chrome和Google是一样的。你有没有尝试过把设计类的字体尺寸变小？我认为你应该从小字体开始，然后试着放大它。它将帮助你了解问题的根源。是的。我试过了。我从12分开始。它仍然是一条直线。现在，我明白了。谢谢你，伙计！没问题，伙计！很高兴你终于修好了。
<div class="maincontainer">
    <center><div class="microcontainers">  
         <p class="design"><span style="color: #F90;">D</span>ESIGN</p>  
    </div></center>
    <center><div class="microcontainers">  
    </div></center>
</div>

.design{
font-family: TrajanPro-Regular; 
font-size:85px;
color: #999;
    text-align: center;
}

.microcontainers{
    width: 350px;
    height: 600px;
    border:  #999 1px solid;
    margin: 40px 40px 40px 40px;
    padding: 15px 15px 15px 15px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.design{
    font-family: TrajanPro-Regular; 
    font-size:85px;
    color: #999;
    position: absolute;
    left:0;
    right:0;
}