위 이미지처럼 한줄 메모장? 같은걸로 수정하고 있는 중인데요.

1번 게시물 처럼, {$no} 이거 다음에 내용이 나오도록 하고 있는데

2번 게시물 처럼, 내용이 넘치면 번호 아래로 내려가버리더라구요ㅠㅠㅠㅠ

이거 어떻게 1번 게시물처럼 길어도 저 공간 그대로 고정되게 수정할 수 있을까요?ㅠㅠㅠ

입력 된 내용은 아래처럼 입력되어 있습니다. number 가 번호 쪽 div고

nubody가 content div인데요.. 어떻게 수정을 해야 될까요..ㅠㅠ

<div id="number" style="float:left; width:30px; font-size:11px; color:#757575;">

{$no}

</div>

<div id="nubody" style="float:left;">

<div class="content">

{$oDocument->getContent(false)}

<p class="edit" style="display:none;"|cond="!$grant->manager || !$oDocument->isEditable() || !$oDocument->isEnableComment()">

{$oDocument->getRegdate('Y.m.d H:i')}

<a cond="$grant->write_comment && $oDocument->isEnableComment()" class="board_btn" href="javascript:showhide('comment_write_{$oDocument->document_srl}');">{$lang->comment}</a>

<a cond="$oDocument->isEditable()" class="board_btn" href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}">{$lang->cmd_modify}</a>

<a cond="$oDocument->isEditable()" class="board_btn" href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}">{$lang->cmd_delete}</a>

</div>

</div>