HTML/CSSで、リストを横並びにするにはどうしたらいいでしょうか？

cssで「float:left」ですね。
class属性付ける時は、「ul class="hoge"」タグで、cssに「ul.hoge{float:left}」とすればできますよ。
「・」が付くのが嫌なら、「list-style-type:none」も指定します。

こんな感じで。

/* クラス yoko-list で指定 */
ul.yoko-list > li {
    float: left;        /* 横並び */
    list-style: none;   /* 頭の「・」を消す */

    /* これ以降は、お好みで */
    padding: 5px 25px;
    border: 1px solid black;
}

<ul class="yoko-list"><!-- クラス yoko-list -->
    <li>あいうえお
    <li>かきくけこ
    <li>さしすせそ
    <li>たちつてと
</ul>

jsFiddle で試したのがこちら。
http://jsfiddle.net/a_kuma3/pPK9H/1/