<div id="wrapperDiv"> <div id="div1">div1</div><!-- --><div id="div2">테스트 글자 입니다.테스트 글자 입니다.테스트 글자 입니다.테스트 글자 입니다.테스트 글자 입니다.테스트 글자 입니다.테스트 글자 입니다.테스트 글자 입니다.</div> </div>
html, body { margin: 0; width: 100%; height: 100%; } #wrapperDiv { position: relative; width: 100%; height: 200px; background-color: #C8BEB7; } #div1 { display: inline-block; width: 200px; height: 100%; background-color: #747474; } #div2 { display: inline-block; height: 100%; position: absolute; left: 200px; right: 0; font-size: 12pt; word-spacing: 1pt; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: goldenrod; }