Html 标签，输入-共享空间（类/分区）

我有很简单的事情要做，但我找不到解决的办法

假设我得到一个表单，我想在另一个表单下面添加一个输入，但是在其中一个表单旁边会有一个标签（仅在其中一个表单旁边）

我想让它，所以所有的类都是相同的大小（但要使它响应）。然而，我想用标签旁边的输入，与标签共享空间，所以如果用户在小屏幕中打开它，它将彼此相邻，而不是一个接一个

希望你们明白我的意思P

谢谢大家!

编辑

<div class="mainbox-form">
    <form>
        <div class="mainbox-input">
            <input type="text" name="store-name" placeholder="Name"><br>
        </div>

        <div class="mainbox-input">
            <input type="text" name="store-subdomain" placeholder="Subdomain">
            <label name="store-subdomain">.label.here</label><br>
        </div>

        <div class="mainbox-input">
            <input type="email" name="store-email" placeholder="Email"><br>
        </div>

        <div class="mainbox-input">
            <input type="password" name="store-password" placeholder="Password"><br>
        </div>

    </form>
</div>


.mainbox-form
{
    text-align: center;
    max-width: 50%;
    min-width: 350px;
    margin: 0 auto 0 auto;
}

.mainbox-input label
{
    font-weight: bold;
    color: #606060;
}

.mainbox-input
{
    max-height: 57px;
}

.mainbox-input input 
{
    background: #f3f3f3;
    width: 80%;
    border: none;
    color: #606060;
    margin: 3px auto 3px auto;
    padding: 15px 40px;
    font-size: 18px;
}


.mainbox-input input[name=store-subdomain]
{
    max-width: 59%;
}

.mainbox-input input:focus
{
    outline: none;
}

.mainbox-input input:active
{
    outline: none;
}

.label.here





.mainbox表格
{
文本对齐：居中；
最大宽度：50%；
最小宽度：350px；
边距：0自动0自动；
}
.mainbox输入标签
{
字体大小：粗体；
颜色：#606060；
}
.mainbox输入
{
最大高度：57px；
}
.mainbox输入
{
背景:#f3；
宽度：80%；
边界：无；
颜色：#606060；
保证金：3px自动3px自动；
填充：15px 40px；
字号：18px；
}
.mainbox输入[名称=存储子域]
{
最大宽度：59%；
}
.mainbox输入：焦点
{
大纲：无；
}
.mainbox输入：激活
{
大纲：无；
}

---

这是我目前掌握的密码。我的问题是，带标签的输入没有粘贴到左侧，并且行为不同。我敢打赌你自己在那里看得比我解释的好。

你需要在标签和输入元素中添加display:inline块和宽度，你想要在同一行上

    .mainbox-input label
{
    font-weight: bold;
    color: #606060;
    display:inline-block;
    width:35%;
}
.mainbox-input input[name=store-subdomain]
{
    max-width: 40%;
    display:inline-block;
}

这就是你想要的吗？

---

请删除下面的css属性：

.mainbox-input{
     max-height: 57px;
}

修改以下css：

.mainbox-input input[name=store-subdomain]{
     max-width:100%;
}
.mainbox-input input{
     width:auto;
     display:table
}
.mainbox-input label{
     display: table;
     padding: 0px 40px;
}

访问此url:

---

虽然不太清楚，但似乎引导程序可以处理它。您能显示您的代码吗？。这正是我希望它工作的地方。谢谢你，我不认为我离成功那么近！是的。我要找的答案贴在上面。：）