如何在CSS上并排对齐标题的两个元素？

Question

我对HTML和CSS相当陌生，我试图将标题和搜索对齐在同一行，但是我被卡住了。这是HTML：

HTML：

        <header>
                <h1 id="Heading"><a href="home.html">Welcome Home</a></h1>
                <form id="search">
                    <label for="keywordBox">Search: </label>
                    <input id="keywordBox" type="text" name="keywordsrch">
                </form>
        </header>

我如何使标题与表格对齐？感谢您的帮助！

Answer 1

旧方法是像这样浮动标头元素：

Answer 2

Answer 3