html5 cc3横向滑动,HTML5/CSS3水平列表

所以我正在做一个大项目只是为了好玩，但是我的列表存在问题。当我完成所有设置时，列表项将自己嵌套在父边框内，而不是在其自己的边框中完全打开到右侧。我已经试过填充每一个，并设置边距，但它不能解决问题。下面是代码的一小部分。如果你能提供任何答案，那就太好了。HTML5/CSS3水平列表

A Song Of Ice And Fire

• Dorne
  • Great House:
    • Martell
  • Knight House:
    • Dalt
    • Dayne of High Hermitage
    • Drinkwater
    • Santagar
    • Wells
  • Noble House:
    • Allyrion
    • Blackmont
    • Dayne of Starfall
    • Fowler
    • Gargalen
    • Jordayne
    • Ladybright
    • Manwoody
    • Qorgyle
    • Toland
    • Uller
    • Vaith
    • Wyl
    • Yronwood

CSS：

/*Nav Menu*/

#Houses{list-style-type:none;}

/*Dorne*/

#Houses #Dorne{list-style-type:none; border-style:solid; width: 70px;}

#Houses #Dorne #H1{list-style-type:none;}

#Houses #Dorne #H1 #DGH{list-style-type:none;}

#Houses #Dorne #H1 #DGH #DGH1{list-style-type:none;}

#Houses #Dorne #H1 #DGH #DGH1 #Martell{list-style-type:none;}

#Houses #Dorne #H1 {list-style-type:none;}

#Houses #Dorne #H1 #DKH {list-style-type:none;}

#Houses #Dorne #H1 #DKH #DKH1{list-style-type:none;}

#Houses #Dorne #H1 #DKH #DKH1 #Dalt{list-style-type:none;}

#Houses #Dorne #H1 #DKH #DKH1 #DHH{list-style-type:none;}

#Houses #Dorne #H1 #DKH #DKH1 #Drwr{list-style-type:none;}

#Houses #Dorne #H1 #DKH #DKH1 #Sangar{list-style-type:none;}

#Houses #Dorne #H1 #DKH #DKH1 #Wells{list-style-type:none;}

#Houses #Dorne #H1 {list-style-type:none;}

#Houses #Dorne #H1 #DNH{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Ally{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Bmont{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #DS{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Fowler{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Garg{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Jord{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Ladyb{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Manw{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Qorgyle{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Toland{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Uller{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Vaith{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Wyl{list-style-type:none;}

#Houses #Dorne #H1 #DNH #DNH1 #Yron{list-style-type:none;}

#Houses #Dorne #H1{display:none;}

#Houses #Dorne:hover #H1{display:inline-block; visibility:visible;}

#Houses #Dorne #H1 #DGH #DGH1{display:none;}

#Houses #Dorne #H1 #DGH:hover #DGH1{display:inline-block; visibility:visible;}

#Houses #Dorne #H1 #DKH #DKH1{display:none;}

#Houses #Dorne #H1 #DKH:hover #DKH1{display:inline-block; visibility:visible;}

#Houses #Dorne #H1 #DNH #DNH1{display:none;}

#Houses #Dorne #H1 #DNH:hover #DNH1{display:inline-block; visibility:visible;}

#Houses> #Dorne> #H1> #DGH{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DGH> #DGH1> #Martell{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DKH{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DKH> #DKH1> #Dalt{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DKH> #DKH1> #DHH{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DKH> #DKH1> #Drwr{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DKH> #DKH1> #Sangar{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DKH> #DKH1> #Wells{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Ally{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Bmont{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #DS{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Fowler{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Garg{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Jord{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Ladyb{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Manw{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Qorgyle{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Toland{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Uller{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Vaith{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Wyl{display:block; border-style:solid; width: 70px;}

#Houses> #Dorne> #H1> #DNH> #DNH1> #Yron{display:block; border-style:solid; width: 70px;}