Css 带2列div的内联文本

我使用div替换2列的表。如果第一列文本太长，我无法在良好的视图中显示它们。例如：“口语”应与前第2栏中的“英语”连用，但不能与“贷款、牙科”连用

#wrap {
 width:280px;
 margin:0 auto;
}
.left_col {
 float:left;
 width:30%;
}
.right_col {
float:right;
width:70%;
}

---

这是因为您将宽度设置为280px（#wrap）<代码>医疗、教育支持、贷款、牙科是一个很长的句子，它充斥着70%的

权利。与所说的
语言相同

要使一切看起来都很好，您必须增加此值。400px的宽度应该可以工作。
我认为解决这个问题的唯一方法是创建一个表，或者如果您希望绝望地坚持使用divs，那么：

<div id="wrap">
  <div class="row">  
    <div class="left_col">Industry:</div>
    <div class="right_col">Insurance</div>
  </div><div class="row">
    <div class="left_col">Co. Size:</div>
    <div class="right_col">201 - 500 Employees</div>
  </div><div class="row">
    <div class="left_col">Working Hours:</div>
    <div class="right_col">Regular hours, Mondays-Fridays</div>
  </div><div class="row">
    <div class="left_col">Benefits:</div>
    <div class="right_col">Medical, Education support, Loans, Dental</div>
  </div><div class="row">
    <div class="left_col">Spoken Language:</div>
    <div class="right_col">English</div>
  </div>
</div>


行业：
保险
公司规模：
201-500名雇员
工作时间：
正常时间，周一至周五
好处：
医疗、教育支持、贷款、牙科
口语：
英语
那么您想同步溢出这两个元素？我的意思是：
如果左列溢出（）则调用右列溢出（）&&if right\u col.overflow（）则调用左列溢出（）。有什么特别的原因让你想使用两个div吗？我想学习2列单元格的div。现在我们假设，不管出于什么原因，仍然有一个溢出，因为行太长了？？你把宽度设为280px，句子刚好通过了这280px的70%，这样就可以开始一行新的句子，从而使用了你为语言spokenyep保留的空间。这正是所描述的问题，很抱歉，你们的回答并没有帮助。我不能设置超过这个宽度。这是更好的选择还是更好的代码？如果你想，你可以试着把字体变小。。。Vogel612的想法也很好