CSS word-break으로 줄바꿈을하면 테이블 사이즈가 자동으로 늘어나질 않습니다. 채택완료

소스와 참고이미지 아래 있습니다.

<ul><li><ul><li></li><li></li>로 li태그 속에 값이 들어갑니다.

.viewDetailAllOutput { word-break:break-all;display:inline-block; vertical-align: middle; box-shadow:3px 0px 16px rgba(0,0,0,0.06); margin:2px -6px 0 0; box-sizing:border-box; padding:8px 8px 8px 8px; border:1px solid #f4f4f4;}

.detailInfo3 table:nth-child(2) {width:834px; height:100%;}
.detailInfo3 table:nth-child(2) tr:first-child td {vertical-align: top; padding-bottom:11px; box-sizing: border-box; width:834px; height:100%; border:1px solid #f0f0f0; b

<table cellspacing="0" cellpadding="0">
            <td></td>
          </table>
          <table cellspacing="0" cellpadding="0">      
            <tr>
              <td>
                <ul class="conMenuTit">
                        <li>
                            <ul>
                                <li><input style="width:205px; margin-left:6px;" tabindex="23" type='text' class="allInput" name='wr_option12_1' value='<?=$wr_option12_1?>'  maxlength='30'></li>
                                <li><input style="width:75px;" tabindex="24" type='text' class="allInput" name='wr_option12_2' value='<?=$wr_option12_2?>'  maxlength='10'><input style="width:75px; margin-left:10px;" tabindex="25" type='text' class="allInput" name='wr_option12_3' value='<?=$wr_option12_3?>'  maxlength='10'>