MENU

【HTML】文章の中の空白(スペース)の作り方

「テキストの中にスペースを作りたい!」

今回はHTMLで空白を作る方法を大きさ別に4つ紹介します。

目次

空白の作り方(大きさ別に4つ紹介)

まず、空白は特殊文字を使って表現します。下記の4つです。

  •  ・・・半角スペースと同じくらいの大きさ
  •  ・・・半角スペースより少し小さめの大きさ
  •  ・・・半角スペースより少し大きめの大きさ
  •  ・・・全角スペースと同じくらいの大きさ

1個ずつ実装例を見ていきます。

 

See the Pen Untitled by masata (@masata_lm) on CodePen.

 

See the Pen Untitled by masata (@masata_lm) on CodePen.

 

See the Pen Untitled by masata (@masata_lm) on CodePen.

 

See the Pen Untitled by masata (@masata_lm) on CodePen.

よかったらシェアしてね!
  • URLをコピーしました!

【無料】AI × Web制作月100万ロードマップ

目次