Core Code
Core Code Modern Dev Handbook

CSS Overflow Text Clip

Text overflow can clip long content.

Preview

Code

<style>
.box{
width:200px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
border:1px solid #2563eb;
}
</style>

<div class="box">
This is a very long text that will be truncated with ellipsis.
</div>

More CSS Overflow Examples (7)

example CSS Overflow Visible open example example CSS Overflow Hidden open example example CSS Overflow Scroll open example example CSS Overflow Auto open example example CSS Overflow X open example example CSS Overflow Y open example example CSS Horizontal Scroll Container open example