Jquery 如何编写引导简单文本换行？

我是css、bootstrap和html5的新手，所以我真的很难编码。。。我希望你们有耐心回答我的一些问题

无论如何，这是一个Bootstrap3面板，现在我在面板“feature1”上有一个平铺和一个图像。。。然后是测试文本。。。我想把“测试”文本放在图像旁边。。。让它环绕

我真的不知道怎么做。但这些是我的代码：

        <div class = "row">

            <div class = "col-lg-4">

                <div class = "panel_max">

                    <div class = "panel_inside_max">

                    <h4>Feature 1</h4>

                    <img src="http://placehold.it/150x150" height="50px" width="50px">
                    <p> Test </p>

                    </div>

                </div>  

            </div>

---

您可以使用文本和图像的左拉类在图像旁边生成“测试”文本

或者使用

float:left

属性

我希望这对你有帮助

好的。 您是否正在尝试这样做：

如果是，则可以使用这些

属性

。我知道这可能是一个更老的想法，但对我来说很有效

<img src="http://placehold.it/150x150" height="100" width="100" align="left"  vspace="10" hspace="10" style="margin-top:-5px;">

---

+1您还应该在容器中加入一个

.clearfix

，这样它就能很好地包装内容，不会因为浮动而破裂。我已经准备好了，但你抢先找到了答案。这不是竞争。你的答案也很有价值。不要误用堆栈溢出

<img src="http://placehold.it/150x150" height="100" width="100" align="left"  vspace="10" hspace="10" style="margin-top:-5px;">

<div class = "row">

      <div class = "col-lg-4">

           <div class = "panel_max">

                 <div class = "panel_inside_max">

                    <h4>Feature 1</h4>

                    <img src="http://placehold.it/150x150" height="50" width="50" align="left"  vspace="10" hspace="10" style="margin-top:-5px;">
                    <p> Test </p>
                    <p> Test </p>
                 </div>

            </div>  

       </div>