JSFiddle - React, Tailwind, and code Playground

by 1004lucifer

HTML

<div id="wrapperDiv">
    <div id="div1">div1</div><!--
    --><div id="div2">테스트 글자 입니다.테스트 글자 입니다.테스트 글자 입니다.테스트 글자 입니다.테스트 글자 입니다.테스트 글자 입니다.테스트 글자 입니다.테스트 글자 입니다.</div>
</div>

CSS

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;
}