Html 为什么李有这么大的空间 它是一个伟大的医疗集团；工作人员非常适应病人的需要。 @WG有最好的医生和员工#A+。 感谢@WG#杨克斯在15分钟内进出，让我抽血。护士也很棒！ #帕特斯图尔{ 宽度：100%； 保证金：自动； } #李国章{ 保证金：0； 填充：0； } 李先生{ 填充：0； 保证金：0； 宽度：98%； 文本对齐：居中； } 斯普尼格利先生{ 宽度：20%； 文本对齐：右对齐； } 斯普特克斯利先生{ 颜色：#000000； 宽度：76%； 显示：内联块； 垂直对齐：顶部； 边缘顶部：5px； 边框底部：2px实心#CEE9F6； 垫底：4px； 边框左下半径：3px； 边框右下半径：3px； }

试图找出文本和上面的蓝线之间的空间在哪里

leftQuote

图像：

如何修改以使蓝线上方和下方的空间相同

资料显示：

---

那条蓝线来自

spnTextLI

类的

边框底部。它与上面的文本如此接近的原因是因为边框来自div，所以文本在里面

如果增加
spnTextLI
类的
padding-bottom
属性，则边框将被推离其上方的文本。
看起来您遗漏了一些代码。这是您发布到目前为止生成的代码。看起来像
.spnImgLI
被告知从CSS和内联CSS中获取其宽度。这可能会调整到更大的宽度是的，我支持你发布的代码。我们可能没有看到问题，因为我们无法访问他使用的图像，因此无法准确复制他的代码。图像已发布。我正在尝试减少space@SiKni8-我似乎无法复制这个问题。它在小提琴上还是坏的吗？似乎所有的LI都取了它在小提琴上呈现的一个LIDoes的最大高度？我使用的是一个在JSFiddle中似乎不起作用的库。让我再核实一下
<div id="patTest">
    <ul id="patTestUL">
        <li>
            <div class="dvInnerLI">
                <span class="spnImgLI"><img src="theImages/leftQuote.png" alt="Quote" style="width: 15px; height: 15px; padding-right: 10px;" /></span>
                <span class="spnTextLI">It is a great medical group; staff is very accommodating to patient needs.</span>
            </div>
        </li>
        <li>
            <div class="dvInnerLI">
                <span class="spnImgLI"><img src="theImages/leftQuote.png" alt="Quote" style="width: 15px; height: 15px; padding-right: 10px;" /></span>
                <span class="spnTextLI">@WG has the nicest doctors & staff! #A+.</span>
            </div>
        </li>
        <li>
            <div class="dvInnerLI">
                <span class="spnImgLI"><img src="theImages/leftQuote.png" alt="Quote" style="width: 15px; height: 15px; padding-right: 10px;" /></span>
                <span class="spnTextLI">Thanks @WG #Yonkers in & out in 15 minutes to have my blood taken. The nurse was fabulous, too!</span>
            </div>
        </li>
    </ul>
</div>

#patTestUL {
    width: 100%;
    margin: auto;
}
#patTestUL li {
    margin: 0;
    padding: 0;
}
.dvInnerLI {
    padding: 0;
    margin: 0;
    width: 98%;
    text-align: center;
}
.spnImgLI {
    width: 20%;
    text-align: right;
}
.spnTextLI {
    color: #000000;
    width: 76%;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    border-bottom: 2px solid #CEE9F6;
    padding-bottom: 4px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}