如何将两个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/