Javascript 在cssdiv中包装文本

大家好，由于某种原因，我的文本没有包装在

Div

中，我有三个Div放置在

inline block

和

左浮动

。如果我不使用左浮动，div会被压下

CSS代码

此处的HTML代码

第一节
测试测试
第2节
第三节

#部分{display:inline block；}

修复程序可在此处找到：

---

使用了

换行：断开单词在您的内部部分，宽度为100%
你想让我把它放在哪个部分？@Ozerich他一开始做了一个HTML复制粘贴错误，现在已经修复了，HTML中没有id部分。@micha是的，你是对的。但当主题开始时，作者的代码是id=“Section”。他已经修好了it@Ozerich是的，这是正确的，但现在的答案不再是建设性的了！是的，这是正确的，有可能吗？您将如何使用JavaScript来修复它？
#OuterSection
{
border-top: 10px solid #0272b0;
border-left: 5px solid #0272b0;
border-bottom: 5px solid #0272b0;
border-right: 5px solid #0272b0;
border-radius: 10px;
background-color: #0272b0;
width:250px;
height: auto;
display:inline-block;
}

#InnerSection
{
width:auto;
height:auto;
text-align:center;
background-color: #FFF;
border-radius: 5px;   
text-align:left;
word-wrap: break-word;
float:left;
}

#SectionTitle
{
color: #FFF;
display: inline-block;
font-weight: bold;
margin-bottom: 5px;

}

<div id="OuterSection">
<span id="SectionTitle">section1</span>
<div id="InnerSection">

 testtesttesttesttesttesttesttesttesttesttesttest

</div>
</div>

<div id="OuterSection">
<span id="SectionTitle">section2</span>
<div id="InnerSection">

</div>
</div>

<div id="OuterSection">
<span id="SectionTitle">section3</span>
<div id="InnerSection"></div></div>