어떻게 테이블 셀에 다른 라인에 침입으로부터 요소를 방지하기 위해

Question

이 같은 구조를 가지고 :

<table> 
    <tr> 
    <td> 
     <div> 
     <input type="text" placeholder="Enter your name""/> 
     <input type="button" value ="save"/> 
     </div> 
    </td> 
    </tr> 
</table> 

내 질문은, 난 항상 상관없이 어떻게 같은 줄에이 2 개 개의 입력을 유지하지 싶어한다 창 크기가 조정됩니다. 이 2 개의 입력은 테이블 셀의 모든 공간을 차지합니다. 버튼은 고정 크기이지만 표 셀이 커지면 텍스트 입력이 길어질 수 있습니다. 감사합니다. .

Answer 1

는

div { white-space: nowrap; } 

DEMO