Stack Divs与另一个顶部对方

我想有几个div堆叠在彼此之上（我有），但也有另一个div在另一组div的右侧。现在，所有东西都是叠在一起的，即使是BeliefDescription div，它也需要放在其他人的右边。感谢您的帮助。Stack Divs与另一个顶部对方

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 

<div id="Cat"> 
    <div id="God" class="BeliefCat">God</div> 
    <div id="Jesus" class="BeliefCat">Jesus Christ</div> 
    <div id="HolySpirit" class="BeliefCat">Holy Spirit</div> 
    <div id="Bible" class="BeliefCat RemainingCat">The Bible</div> 
    <div id="Man" class="BeliefCat RemainingCat">Man</div> 
    <div id="GodsRelationship" class="BeliefCat RemainingCat">God's Relationship to His Creation</div> 
    <div id="Salvation" class="BeliefCat RemainingCat">Salvation</div> 
    <div id="SavedWho" class="BeliefCat RemainingCat">Who Can Be Saved?</div> 
    <div id="Perseverance" class="BeliefCat RemainingCat">Perseverance</div> 
    <div id="GospelOrd" class="BeliefCat RemainingCat">Gospel Ordinances</div> 
    <div id="Resurrection" class="BeliefCat RemainingCat">Resurrection</div> 
    <div id="ChurchGov" class="BeliefCat RemainingCat">Church Government</div> 
    <div id="SecondComing" class="BeliefCat RemainingCat">Christ's Second Coming</div> 
    <div id="Missions" class="BeliefCat RemainingCat">Missions</div> 
</div> 

<div id="BeliefDescription"> 
    HELLO 
</div>

.BeliefCat 
{ 
    border: 1px solid black; 
    width: 33%; 
    height:25px; 
    text-align:center; 
    font-weight:bold; 
} 

#Cat 
{ 
    margin-top:20px; 
} 

#BeliefDescription 
{ 
    float:left; 
}

来源

2014-09-04 jwilliams17349

尝试这个：http://jsfiddle.net/9rcs4v1c/3/

.BeliefCat 
{ 
    border: 1px solid black; 
    width: 100%; 
    height:25px; 
    text-align:center; 
    font-weight:bold; 
} 

#Cat 
{ 
    float: left; 

} 

#BeliefDescription 
{ 
    float:left; 
}

来源

2014-09-04 14:29:45 Tim

这个工作谢谢 – jwilliams17349 2014-09-04 14:33:40

Np你可以标记它是正确的答案 – Tim 2014-09-04 14:35:18