方式一 inline-block
<div class="parent">
<div class="div1">A元素</div>
<div class="div2">B元素</div>
</div>
.div1 {
display: inline-block;
}
.div2 {
display: inline-block;
}
效果:
方式二 flex
这个是针对父元素设置的
<div class="parent">
<div class="div1">A元素</div>
<div class="div2">B元素</div>
</div>
.parent {
display: flex;
}
效果: