我一定是在做一些愚蠢的事情或者查看一些明显的东西,因为无论我做什么我都无法将这三个 div
内联到这个父级中。
.stats {
display: inline-block;
margin-right: 6px;
float: right;
padding: 0;
font-family: "Roboto" sans-serif;
color: black;
}
.separator {
background: rgba(47, 187, 255, 0);
height: 20px;
width: 1px;
vertical-align: middle;
border-left: solid;
border-width: 1px;
border-color: rgba(0, 124, 184, 0.7);
float: left;
margin-top: 5px;
margin-left: 4px;
margin-right: 4px;
display: block;
}
<div class="stats">
<div class="points"><b>Lorem </b> 142</pdiv>
<div class="separator"></div>
<div class="luck"><b>Ipsum</b> 64% <i>Blabla 3</div>
</div>
我做错了什么?
最佳答案
将 float:left;
添加到 .stats div-children。
.stats {
display: inline-block;
margin-right: 6px;
float: right;
padding: 0;
font-family: "Roboto" sans-serif;
color: black;
}
.stats div{
float:left;
}
.separator {
background: rgba(47, 187, 255, 0);
height: 20px;
width: 1px;
vertical-align: middle;
border-left: solid;
border-width: 1px;
border-color: rgba(0, 124, 184, 0.7);
float: left;
margin-top: 5px;
margin-left: 4px;
margin-right: 4px;
display: block;
}
<div class="stats">
<div class="points"><b>Lorem </b> 142</div>
<div class="separator"></div>
<div class="luck"><b>Ipsum</b> 64% <i>Blabla 3</div>
</div>
关于html - 子 div 没有内联在父 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30867353/