Css 浮动左派问题

同样，我对float有一些问题：left属性。 我有三个div。我想将“holder”浮动到第一个div的左侧，但它不适用于我的代码

这是我的代码： HTML

float-CSS属性指定一个元素应从正常流中提取，并沿其容器的左侧或右侧放置，文本和内联元素将环绕该元素

---

因此，块元素（默认情况下）不会环绕

浮点

我希望这会对您有所帮助

JS小提琴：

HTML:

---

如无更改，HTML代码更改如下CSS中所示

.visual_text_holder {
  font-family: "Times New Roman";
  font-size:7.5em;
  text-transform:uppercase;
  line-height:60%;
  width:140px; float:right;
}
#holder {
  width:615px;
  float:left;
}

用于以类似方式制作DIV（第一个somting，第二个co-re，第三个id-ea） .可视文本夹持器{ 字体系列：“新罗马时代”； 字体大小：7.5em； 文本转换：大写； 线高：60%； 宽度：140px；浮动：右侧； } #持有者{ 宽度：615px； 浮动：左； }

id
ea

一氧化碳

某物

#investments{
    margin: 0 auto;
    margin-top:40px;
    width: 910px;
}

.visual_text_holder {
    font-family: "Times New Roman";
    font-size:7.5em;
    text-transform:uppercase;
    line-height:60%;
    width:140px;
}
#investments:after {
    content: '';
    display: block;
    visibility: invisible;
    clear: both;
}
#holder {
    width:700px;
    float:left;
}

.visual_text_holder { display: inline-block }

<div id="investments">
   <div class="visual_text_holder"><p>co</p><p>re</p></div>

    <div class="holder">
        <h4>SOMETHING</h4>
    </div>

    <div class="clearer" ></div>

    <div class="visual_text_holder"><p>id</p><p>ea</p></div>


</div>

#investments{
    margin: 0 auto;
    margin-top:40px;
    width: 910px;
}

.visual_text_holder{
    font-family: "Times New Roman";
    font-size:7.5em;
    text-transform:uppercase;
    line-height:60%;
    width:140px;
    float:left;
}

.holder{
    width:700px;
    float:left;
}

.clearer{
    clear:both;
}

.visual_text_holder {
  font-family: "Times New Roman";
  font-size:7.5em;
  text-transform:uppercase;
  line-height:60%;
  width:140px; float:right;
}
#holder {
  width:615px;
  float:left;
}

<div id="investments">
<div class="visual_text_holder"><p>id</p><p>ea</p></div>
<div class="visual_text_holder"><p>co</p><p>re</p></div>

<div id="holder">
<h4>SOMETHING</h4>