html - 如何使用 CSS 内联通常为 block 的 HTML 元素，特别是标题、标签、输入和按钮

Question

标题。我特别想为我的字典 chrome 扩展程序内联一个标签、输入和按钮。所以我要显示

Define:[           INPUT               ] DEFINE

其中 [] 是输入，DEFINE 是按钮。我完全不知道如何对齐这些...

这是我的 HTML:

    <label>Define: </label>
    <input id="term" type="text">
    <button id="button">Define</button>

结果是

Define:
[         ]
DEFINE

感谢 CSS 的帮助!

Answer 1

您需要使用 display: inline-block 属性。它希望在您的 CSS 中有这样的内容。

输入，标签，按钮{ 显示:内联 block ；

希望我有所帮助。