【HTML】1行目に入りきらない部分を…（三点リーダー）で表示：text-overflow

text-overflow

入りきらない内容をどのように表示するかを指定するプロパティです。

インラインの進行方向にブロックコンテナー要素をはみ出す内容にのみ作用します

ellipsis

三点リーダー（クランプ)を付ける

コンテナーからテキストをあふれさせる指定

overflow: hidden;
white-space: nowrap;

2014年の記事

https://tech.recruit-mp.co.jp/front-end/tips-ellipsis/

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>

CSS

  p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }