如何在<h5>标记</h5>之后继续内联任何标记

Question

首先看下面给出的图像。

代码在这里：

    <h5>
        Login!</h5>
    <table>
        <tr>
            <td>
                User Name:
            </td>
            <td>
                <asp:TextBox ID="_userName" runat="server"></asp:TextBox>
            </td>
            <td>
                Password:
            </td>
            <td>
                <asp:TextBox ID="_password" TextMode="Password" runat="server"></asp:TextBox>
            </td>
            <td>
                <asp:Button ID="_login" runat="server" Text="Login" OnClick="_login_Click" />
            </td>
        </tr>
        <tr>
            <td colspan="5">
                <asp:Label ID="_wrongDetails" runat="server"></asp:Label>
            </td>
        </tr>
    </table>

我想在登录文字后立即使用用户名。 我试过了位置：内联。但它不起作用。或者任何人都可以帮助我开始使用CSS。在此先感谢。

Answer 1

您还需要在h5标签和表格标签中设置display：inline style。然后它不会导致两个标记断开一条线，因此将它显示在一行中。

修复它：

    <h5 style="display:inline">
    Login!</h5>
<table style="display:inline">
..
..

希望这会对你有所帮助。

Answer 2

将<h5>设置为display: inline或display: inline-block。

这会导致它不会破坏界限。

您可能希望使用<form>登录表单而不是<table>。