css - 在外部 DIV 中居中 2 DIV，文本居中对齐 + 显示内联块

Question

我按照其他线程的 Q&A 到中心 2 DIV，它位于 div 内但没有解决。我将文本对齐中心添加到外部 DIV 并在左右 DIV 中显示内联块。请尝试让我知道缺少什么...... 这是jsfiddle

HTML：

<div class="indexDiv" id="noPad">
<div class="results">
<div id="topResults">Top</div>
<div id="refineResults">Left</div>
<div id="listingsResults">Right</div>
</div>    
</div>

CSS：

.indexDiv {
overflow: hidden;
width: 993px;
background: #ffffff;
margin: 0 auto;
padding: 10px;
}

.Results {
color: #D5241B;
font-size: 20px; font-weight: bold;
/*    margin: 4px 0 8px;*/
border: 1px solid #D9D9D9;
}

.Results {
/*  padding: 10px;*/
text-align: center;
width: 930px;
margin:0 auto;
}

#topResults {
float: right;
width: 100%;
margin: 0 0 10px 0;
border: 1px solid #D9D9D9;
}

#refineResults {
/*  float: left;*/
width: 200px;     
display: inline-block;    
/*  padding: 5px; */
border: 1px solid #D9D9D9;
}

#listingsResults {
/*  float: right;*/
width: 715px;
/*  margin-left:18px;*/
border: 1px solid #D9D9D9;
display: inline-block;    
/*   padding: 5px; */
}

​</p>

Answer 1

CSS 类选择器区分大小写。你有.Results，它不会选择你的元素class = "results"。将其替换为.results; 这是一个固定的演示：小链接。