blob: 4bcd6ac021c27c4269267c966dde83a6e299065b [file] [log] [blame]
<!DOCTYPE html>
| When the "text-overflow" property is set to "ellipsis" an ellipsis
| character is rendered to represent clipped inline content.
| When white-space is not set to nowrap, text can overflow when it is
| prevented from wrapping, causing multiple lines to render an
| ellipsis.
<meta charset="utf-8">
body {
margin: 0px;
font-family: Roboto;
font-size: 30px;
div {
width: 80px;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #000000;
<div dir="ltr">overall over overall overall</div>
<div dir="rtl">overall over overall overall</div>