Html 在字段集中定位元素

我制作了一个定制的

字段集

，它只在Chrome中运行良好。我怎样才能解决这个问题

它必须是在字段右侧带有输入文本的标签，在字段右侧带有输入文本的标签，但在下面的1行中

以下是CSS：

#field {
    width: 300px;
}
.name {
    position: relative;
    float: right;
}
.email {
    position: relative;
    float: right;
}

以下是HTML：

<fieldset id = "field">
    <legend>Add a wish</legend>
    <input id = "name" class = "name" type = "text" width = "100"/>
    <label for = "name" class = "name">Nam::</label>
    <input id = "email" class = "email" type = "text" width = "100"/>               
    <label for = "email" class = "email">Email:</label>
    <label id = "wis">Wish</label>
    <textarea cols = "25" rows = "3" id = "wishes"></textarea>
</fieldset>

许愿
南：：
电邮：
希望

请显示您的htmlcode@Andrii再解释一点这就是你需要的是的，但它只在chrome浏览器中显示，但在其他浏览器中显示不同。我不知道如何解决这个问题