JSFiddle - React, Tailwind, and code Playground

by zicai

HTML

<!-- 在ie6和7下会有不同的显示效果 -->
<div class="demo_1">
    <div class="float">浮动元素</div>
    <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque repudiandae dolorem fuga fugiat aliquam perspiciatis adipisci ab exercitationem nesciunt quo.</div>
</div>
<div class="demo_2">
    <div class="float">浮动元素</div>
    <div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio blanditiis quam distinctio provident modi vero tempora consequatur earum ad nobis.</div>
</div>

CSS

.float{
    float:left;
    height: 30px;
    background-color:red;
}
.block{
    background-color:yellow;
}
.demo_2 .block{
    width:50px;
}