trrun https://blog.hatena.ne.jp/trrun/ かるみに https://colmini.hatenadiary.jp/ レスポンシブデザイン対応！シンプルな番号付きリストデザイン レスポンシブデザイン対応の番号付きリストデザインを作成しました。番号付きリストデザインは、文章が長文になると文章が崩れてしまうこともあります。 これは画面サイズに関わらず、デザインをきれいなまま保ちます。スマートフォンから見てもデザインが崩れないので、どのようなサイトにも馴染みます。 サンプル こんな感じに表示されます こんなにリスト内の文章が長くなってもスマートフォン画面で見づらくなる心配がありません もちろん短くてもOK CSSのコード .entry-content ol{ list-style:none; margin:0; p… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcolmini.hatenadiary.jp%2Fentry%2F2018%2F08%2F20%2F215937" title="【コピペで楽々】レスポンシブデザイン対応！番号付きリストデザイン紹介 - かるみに" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2018-08-20 21:59:37 rich https://colmini.hatenadiary.jp/entry/2018/08/20/215937 1.0 100%