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

Question

我跟着Q＆amp; A从其他线程到中心2 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。