<html>
  <head>
  </head>
    <body>
      <p class="short" title="あいうえおかきくけこ">
        あいうえおかきくけこ
      </p>
  </body>
</html>
.short {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.