CSS 使边框停止在 float-induced 内边距内

Question

有没有什么CSS可以动态让边框停在浮动内容的边缘，而不是继续浮动？是的，我知道有人问过类似的问题，但我找到的唯一答案是添加一个 hard-coded 自定义边距，其中包含特定浮动+填充的确切像素数。这是一个响应式布局，涉及各种尺寸的图像，所以我希望 CSS 我可以将 class 应用于所有不清除浮点数的标题（或所有预期的图像最后在他们旁边）。

我目前正在使用的页面是 https://japan.deafmin.org/work，但为了防止该页面稍后更改，这里是屏幕截图 - 我想要绿色的“下划线”（实际上是 border-bottom <h3>) 与文本对齐而不是延伸到照片。

Answer 1

div.entry-content h3 {
    color: #67c18c;
    margin-bottom: 5px;
    border-bottom: 2px solid;
    display: flex;
}

CSS 使边框停止在 float-induced 内边距内

CSS to make border stop inside float-induced padding

css

border

padding

css-float