Question

我无法集中这个元素。我相信这是因为显示：内联;在CSS块中。有没有人有想法？

 <p class="mr">Monatliche Rate  </p>
 <a class="info">
 <div class="circle-text"> 
 <div>?</div></div>  
 <span> Netto-Rate</span>
 </a>
 <p class="mr">: 
 <span id="results"></span> €</p>

CSS

.mr {
 color: #1d6912;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 5px;
 margin-top:2px;

 text-align:center;
 **display:inline;**
}

Answer 1

您可以将其放在包装器中，并将text-align:center添加到包装器中。

<div class="mr-wrapper">
    <p class="mr">Monatliche Rate</p>
</div>

.mr-wrapper {
    text-align:center
}
.mr {
    display: inline;
}

Demo

Answer 2

根据您的问题和第一个答案，我准备了3个示例供您选择： http://jsfiddle.net/mofeenster/6V6Z7/1/

最简单的答案是：

.mr {
    margin: auto;
    display: table;
}

以显示为中心：内联;元件

2 个答案: