CSS

リストの利用いろいろ

CSS

リストって使い方次第で見た目がだいぶ変わるんですね、と。htmlソース。とてもシンプルに。 /index.html <body> <div id="hoge" > <h5>CSSテスト用ページ</h5> <ul> <li><a href="/kensyuCSS/index.html" id="current">ホーム</a></li> <li><a href="">えいご</a></li> <li><a href="">こくご</a></li> <li><a href="">すうがく</a></li> <li><a href="">せいぶつ</a></li> <li><a href="">にほ…</a></li></ul></div></body>

pre要素内の改行を生かしつつ改行(日本語ヘン…)

CSS

pre { white-space: -moz-pre-wrap; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* CSS3 */ word-wrap: break-word; /* IE 5.5+ */ }