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