inline-blockで並べたときに発生する隙間を消すためのいろいろな小技のまとめ

基本とするHTML

  • box.1
  • box.2
  • box.3
  • box.4

1.[htmlのみ]改行しない

  • box.1
  • box.2
  • box.3
  • box.4

2.[htmlのみ]コメントアウトを付ける

  • box.1
  • box.2
  • box.3
  • box.4

3.[htmlのみ]閉じタグを付けない

  • box.1
  • box.2
  • box.3
  • box.4

4.[cssのみ]letter-spacingで対応

  • box.1
  • box.2
  • box.3
  • box.4