Html 内联列表高度与换行文本不一致

嗨，我有一个内联列表，如果锚中的文本换行到下一行，它的行为会很奇怪。我可以用

行高：0解决但这也会弄乱文本。有没有办法让他们都在同一条线上


代码片段


#社区板链接{边距：10px 0 20px 0；列表样式：无；填充：0；}
#社区董事会联系李{
显示：内联块；
背景色：黑色；
}
#社区董事会联系李a{
字体系列：无衬线；
显示：块；
颜色：白色；
字体大小：粗体；
字体大小：24px；
宽度：96px；
高度：96px；
填充：10px；
文字装饰：无；
}
#社区董事会链接li a:hover{color:red；}
#社区板链接li:最后一个子项{宽度：115px；}
#包装工{宽度：715px；}









添加
垂直对齐：顶部#社区板中的code>链接li


#社区板链接{边距：10px 0 20px 0；列表样式：无；填充：0；}
#社区董事会联系李{
显示：内联块；
背景色：黑色；
垂直对齐：顶部；
}
#社区董事会联系李a{
字体系列：无衬线；
显示：块；
颜色：白色；
字体大小：粗体；
字体大小：24px；
宽度：96px；
高度：96px；
填充：10px；
文字装饰：无；
}
#社区董事会链接li a:hover{color:red；}
#社区板链接li:最后一个子项{宽度：115px；}
#包装工{宽度：715px；}









非常欢迎你，兄弟，我的荣幸。附言：别忘了接受答案：）