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

Question

我从其他线程到中心 2 DIV 进行了问答，该 DIV 在 div 内但未解决。 我将文本对齐中心添加到外部 DIV 并在左右 DIV 中显示内联块。 请尝试让我知道缺少什么... Here is 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; */
}

​

Answer 1

CSS 类选择器区分大小写。您有.Results，它不会使用class = "results" 选择您的元素。将其替换为.results；这是一个固定的演示：little link。