---

<style>
    .title{
        overflow: hidden;
        max-width: 300px;
        white-space: nowrap;
        text-overflow: ellipsis
    }
</style>

<ul>
<li class="title">
글박스를 넘치는 긴 텍스트를 잘라서 박스안에 한줄로 보이는 CSS
</li>
</ul>