極端な例: ネスト化された混合リスト

ネスト化された混合リストでは以下が正しく表示されるようにしてください。

  • リストの中のリストは番号付きリストの順番を壊さないこと
  • 箇条書きのスタイルの深さは十分であること

番号付きリスト – 番号なしリスト – 番号付きリスト

  1. 番号付きリストアイテム
  2. 番号付きリストアイテム
    • 番号なし
    • 番号なし
      1. 番号付きリストアイテム
      2. 番号付きリストアイテム
  3. 番号付きリストアイテム
  4. 番号付きリストアイテム

番号付きリスト – 番号なしリスト – 番号なしリスト

  1. 番号付きリストアイテム
  2. 番号付きリストアイテム
    • 番号なし
    • 番号なし
      • 番号なしリストアイテム
      • 番号なしリストアイテム
  3. 番号付きリストアイテム
  4. 番号付きリストアイテム

番号なしリスト – 番号付きリスト – 番号なしリスト

  • 番号なしリストアイテム
  • 番号なしリストアイテム
    1. 番号付き
    2. 番号付き
      • 番号なしリストアイテム
      • 番号なしリストアイテム
  • 番号なしリストアイテム
  • 番号なしリストアイテム

番号なしリスト – 番号なしリスト – 番号付きリスト

  • 番号なしリストアイテム
  • 番号なしリストアイテム
    • 番号なし
    • 番号なし
      1. 番号付きリストアイテム
      2. 番号付きリストアイテム
  • 番号なしリストアイテム
  • 番号なしリストアイテム

この記事を書いた人

themedemos

ズレのない表示
  • mypacecreator
  • 2014年1月5日
READ MORE

wordpressショーケース

オフィシャルサイトのトップページはどうやってつくっているのかという質問をたびたびうけるので、一からやってみようという試みです

この店の特徴

一からやってみようという試みです。

Brazil Beach
レスポンジブル対応

スマートフォンでも美しく表示されます。

Sydney Harbor Bridge
レスポンジブル対応2

スマートフォンでも美しく表示されます。

Orange Iris
レスポンシブルデザイン3

スマートフォンでも美しく表示されます。

Boat Barco Texture
Golden Gate Bridge