css リスト 2段組 7

cssでデザインしてるのですが・・・。ナビゲーションバーで横並びに4項目。ここまでは出来るのですが、この4項目を2段にして、8項目にするには、どのように書くのがスマートでしょうか。テーブルにしたほうが早そうな気もしますが、
  • サシス
    • ごく限られた条件（アイテムが頻繁に増減する事がなく、アイテムのテキストが短くかなり文字サイズを拡大しても2行にならない）が整っている場合は、下記の様な方法をとる事もありますが。 Jqueryを使用して下記のように作成してみましたが選択行がリストの先頭にうまくスクロールしずに 　・箇条書きＡＡＡＡＡ
    • BBBBB
    • パンジー
      • だけでよい。, SEO(検索エンジン最適化)には無関係ですが、文法的には誤りです。 何よりpositionをもっと勉強してみようと思うきっかけになりました。 縦に並んだリストを、右揃えにしたいです。
    ・パンジー
  • ひまわり
    • 色んなサイトを巡りましたが見つからず。 ulには、「li要素のみを一個以上もつ。」と書かれています。 font-size: 17px;

    あああああ

      IE、Firefoxで試しましたが、どちらも崩れなく綺麗に表示されています。 よく出くわすかもしれませんが、ul, li を使ったリストがあり、それをCSSを使って表にしたい！という場合があります。 tableプロパティを使えば簡単に表は出来ますが、横長の一行の表になってしまうんですね。 表を作る前提でリストのul, liをうまく組み分ければ2列3列の表も出来ますが …
    • テキスト
    • たんぽぽ
    • 8月に大阪でイベントを開催しました
      • width: 100%; /* IE 6のために幅の指定が必要 */
    ・採用フォーム 文字幅に合わせた枠線, 仕事でHTML+CSSでコーディングをされる方、 どのようにappendするliの個数を、算出したらよいのでしょうか？ 左揃えになってしまいます（Mac　safari firefox）。 --> left: 0; h3{ ・すみれ 「でも順番にこだわるなら・・・」と問題提起して考えていただいた line-height: 1.1; position:relative; float:left; list-style-type: none; やりたい事は 宜しくお願いいたします。 お知らせ一覧の、グリッドレイアウトするための指定は、以下の2つだけ:)。シンプルゆえにCSSが複雑なことしてる気がしますね…。。, 上記の書き方で、「1. position: relative; ・あじさい　　　　 ・すみれ $("ul.update-scroll").animate({ scrollTop: p }, "fast"); padding-left: 1.5em; 横並びを揃えたいのです。 ２案目もありがとうございます！, ホームセキュリティのプロが、家庭の防犯対策を真剣に考える 2組のご夫婦へ実際の防犯対策術をご紹介！どうすれば家と家族を守れるのかを教えます！, リストマーカーをボックス内に収めて、かつ、
  • 内の文章だけをリストマーカーよりもインデントする方法は？, 下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。 また、申し訳ありませんがとりあえず表示されれば良いだけなので あと、「１．」と「項目」や「・」と「項目」の間隔は調整は可能でしょうか？
  • ３
    • ＝＝＝＝＝＝＝＝＝＝＝＝＝
  • 項目3
    • div#side li { と残念に思っていたのですが、たしかに記述追加で問題なく表示できるように 何よりpositionをもっと勉強してみようと思うきっかけになりました。 No.6さんも言っておられますが、確かに目から鱗ですね。 top: -4.2em;

    ○○○

    margin:-2.25em 0 10; border-style : solid ; 【html】 ul.menuにoverflow:hidden;を記したのは、floatをリセットさせるためです。 リストの２段組ですが、皆さんどのように組まれていますか？
  • 商品4
    • 値段4 （アイコンを入れた下に余白ができてしまったり。） 両方使うとどうなるかは、試して下さい。 　できなければリストタグは使わずに行こうとおもいますが、なんとかなればしたいとおもいます。 それぞれのpに高さを決めれば問題はないようですが、 class指定をしない状態ですと普通に表示されるのですが、別々の画像を表示させたいと思っているので困っています。 background:url(URL)no-repeat;
    • [2010/01/03]： 項目10
        • .left { 左側だけ5ピクセル、とか、上側だけ５ピクセル、のように ・すみれ　　　　　・パンジー 　商品と値段は別々のボックスに入れて横に並べたいので、できれば違った要素で囲みたいのですが、可能でしょうか？
      • あじさい
        • 誰かの疑問に誰かが答えることでQ&Aが出来上がり、後で見に来たたくさんの人の悩みの解決に役立てられています。 padding-left : 5px; どうしても背景画像が反映してしまって・・・。
      • カキク
        • という感じでHTMLを書いています。
      • [2010/01/03]： 項目7
        • いっそテーブルの方が良いのでしょうか？ 皆さんこういったケースの場合どのように組まれてますか？ border-style : solid ; とおっしゃっているにもかかわらず、ソースをコピーして試してみました。すみません・・・。
      background:url(../common/side.gif) no-repeat left;
    • ○○○
    • ●●●
    • ○○○
    /* --- ヘッダメニュー --- */