用css控制成两行排列该怎样调呀?

.qczixun{}
.qczixun ul {padding:8px; line-height:26px}
.qczixun ul li{list-style:none; border-bottom:#ccc 1px dashed;}
.qczixun ul li a:link,.qczixun ul li a:visited{font-size:14px;color:#555; text-decoration:none;}
.qczixun ul li a:hover{color:#ff0000; text-decoration:underline}

<div class="box">
  <div class="box1">文字内容   </div>
   <div class="box2">文字内容   </div>
 </div>

.box{width:520px;}
.box1{width:520px; border:red 1px solid}
.box2{ width:520px; border:green 1px solid; margin-top:10px;}

没明白.