Css 文本填充与换行不同

我有一个CSS问题，这让我有点发疯

我使用了两种不同的CSS定义来定义单个页面菜单中的大小文本。小文本应与大文本对齐

当较大的文本换行时，较小的文本处于正确的位置。如果较大的文本未换行，则会出现间隙

我试过使用block和not，没有区别。当前CSS定义和菜单位于wptest.SiliconStrat.com左侧页面

.hometopic {
font-family: sans-serif;
font-size: 1.1em;
font-weight: bold;
margin-top:4;
margin-bottom:0;
text-decoration: none;
line-height:100%;
display: inline-block;
}

a.hometopic:hover {
color: #B3535E;
}
.hometopicsub {
font-family: sans-serif;
font-size: 0.9em;
margin-top: 0;
line-height: 0.9;
display: inline-block;
}

---

尝试删除.hometopicsub之前的BR，使用float:left（hometopicsub）和padding bottom（hometopic）

---

答对 了！反应很好。

.hometopic {
font-family: sans-serif;
font-size: 1.1em;
font-weight: bold;
margin-top:4;
margin-bottom:0;
text-decoration: none;
line-height:100%;
display: inline-block;
padding-bottom: 8px;
}
a.hometopic:hover {
color: #B3535E;
}
.hometopicsub {
font-family: sans-serif;
font-size: 0.9em;
margin-top: 0;
line-height: 0.9;
display: inline-block;
float: left;
}