html - 似乎无法获得我想要的行距

标签 html css

我已经做了很多看起来更复杂的事情,我认为这会很容易,但我只是不知道我哪里出错了。

我有一个进度条,想要在它上面有一些文本,非常靠近进度条本身。如果我只使用带有后缀的纯文本,文本就在我想要的位置,但我想使用 css 来格式化这些标题。当我这样做时,即使我在 css 中将 line-height 设置得非常低,我似乎也无法使行间距足够小。

<h5 id="bar1Title"></h5><h5 id="bar1Title2"></h5>
<progress id="bar1" value="30" max="255"></progress>

我还想将 bar1Title 和 bar1Title2 放在同一行,这是另一个我似乎无法完成的简单任务!

最佳答案

h5 是一个 block 级元素 ..因此,如果您希望这些元素并排显示,则需要显式设置 display: inline。

h5
{
    display : inline;
}

如果行高不起作用,您还可以调整边距属性并将其设置为负数..

关于html - 似乎无法获得我想要的行距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13129801/

相关文章:

php - 如果未设置变量,则禁用输入字段

html - document.getElementById - 在 div 中更改信息时遇到问题

javascript - 使整个 div 可排序

javascript - 如何多次打开一个div对应不同的按钮点击

javascript - 创建 'n' 号通过 "prompt()"用户输入的列表项数量

html - 如何在html页面上从下到上显示mysql数据库的内容

ASP.NET - 脚本和 css 压缩

twitter-bootstrap - 旋转图标-刷新

javascript - 将类添加到 li 时检测事件

html - 只增加字体大小的技巧