如何將兩個div彼此相鄰放置

Question

我試圖在塊中放置兩個單獨的div，其中一個是名稱和名稱。

這是Fiddle

現在的名字塊必須出現在名稱旁的div不管響應的一個單獨的塊。如何實現這一目標。

的div不應環繞彼此

Answer 1

試試這個

.left{ 
 
    margin: 0px; 
 
    padding: 0px; 
 
    display:block; 
 
    float: left; 
 
    width:50% 
 
} 
 

 
.right{ 
 
    margin: 0px; 
 
    padding:0px; 
 
    display: block; 
 
    width:50%; 
 
    float:right; 
 
} 
 
    
 
.arrow{ 
 
    list-style-type: none; 
 
} 
 

 
.arrow li:before{ 
 
    content: '\f0da'; 
 
    font-family:'FontAwesome','sans-serif'; 
 
    float: left; 
 
    padding-right: 5px; 
 
    color: #922B38; 
 
}

<div class="left"> 
 
    <ul class="arrow"> 
 
     Name block 
 
     <li>Name</li> 
 
     <li>Name</li> 
 
     <li>Name</li> 
 
     <li>Name</li> 
 
    </ul> 
 
    </div> 
 
    <div class="right"> 
 
    <ul class="arrow"> 
 
    Names block 
 
    <li>Names</li> 
 
    <li>Names</li> 
 
    <li>Names</li> 
 
    <li>Names</li> 
 
    </ul> 
 
</div>

Answer 2

您可以使用float與width達到的效果：

.left{ 
    float: left; 
    width:50%; 
} 

.right{ 
    float:left; 
    width:50%; 
} 

https://jsfiddle.net/oem6r3eL/7/