Edit in JSFiddle

<!-- HTML, CSS 만 사용함  -->

<p>이글은 얼마나 길어질까요? 맞춰보세요...</p>

<p>text-overflow:clip</p>
<div id="div1">이글은 얼마나 길어질까요? 맞춰보세요...</div>

<p>text-overflow:ellipsis</p>
<div id="div2">이글은 얼마나 길어질까요? 맞춰보세요...</div>

#div1
{
    width : 12em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip; 
    border:1px solid #000000;
}

#div2
{
    width : 12em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis; 
    border:1px solid #000000;
}