Html 将内容与底部对齐（导航栏）

好吧，我想把列表的内容排到底部，这样他们就会以一种整洁的方式彼此对齐，或者如果你们有其他的方式来做，我会很感激的

。容器流体{
右填充：0px！重要；
左侧填充：0px！重要；
}
ul.topnav{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
ul.topnav li{
浮动：对；
}
ul.topnav li a{
填充顶部：39px；
显示：内联块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
过渡：0.3s；
字号：17px；
}
ul.topnav李a：悬停{
背景色：#555；
}
ul.topnav li.icon{
显示：无；
}
@媒体屏幕和屏幕（最大宽度：768px）{
ul.topnav li：不是（第一个孩子）{
显示：无；
}
ul.topnav li.icon{
浮动：对；
显示：内联块；
}
}
@媒体屏幕和屏幕（最大宽度：768px）{
ul.topnav.responsive{
位置：相对位置；
}
ul.topnav.responsive li.icon{
位置：绝对位置；
右：0；
排名：0；
}
ul.topnav.li{
浮动：无；
显示：内联；
}
ul.topnav.lia{
显示：块；
文本对齐：左对齐；
}
}

。容器流体{
右填充：0px！重要；
左侧填充：0px！重要；
}
ul.topnav{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
文本对齐：右对齐；
垫底：5px；
}
ul.topnav li{
边框底部：1px实心#ffffff；
显示：内联块；
垂直对齐：底部对齐；
}
ul.topnav li a{
填充顶部：39px；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
过渡：0.3s；
字号：17px；
线高：1；
}
ul.topnav li a h1{
保证金：0；
}
ul.topnav李a：悬停{
背景色：#555；
}
ul.topnav li.icon{
显示：无；
}
@媒体屏幕和屏幕（最大宽度：768px）{
ul.topnav li：不是（第一个孩子）{
显示：无；
}
ul.topnav li.icon{
浮动：对；
显示：内联块；
}
}
@媒体屏幕和屏幕（最大宽度：768px）{
ul.topnav.responsive{
位置：相对位置；
}
ul.topnav.responsive li.icon{
位置：绝对位置；
右：0；
排名：0；
}
ul.topnav.li{
浮动：无；
显示：内联；
}
ul.topnav.lia{
显示：块；
文本对齐：左对齐；
}
}

标志文本