外部DIV中的居中2 DIV与文本对齐的中心+显示行内块

Question

我从另一个线程到位于div内的中心2 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; */
}

Answer 1

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