html 内容横向输出

问题遇到的现象和发生背景

想让右边的内容横向输出，就是“姓名：文本框”“设备ID：文本框"的样子

问题相关代码，请勿粘贴截图

.mydiv{
    margin-top:25px; width:100px; height:auto; position:absolute;
    top:34px;
    left:1000px;
    float: left;
    position: fixed;
}

<!-- 右侧显示姓名、设备ID -->
<div class="mydiv">
    姓名<input type="text"><br>
    设备ID<input type="text">
</div>

<div class="wrapper">
    
</div>

你去掉 <br> 就好了

 姓名<input type="text">
 设备ID<input type="text">

并且.mydiv的 width 设置宽一些,如:500px;
你题目的解答代码如下：

<style type="text/css">

.mydiv{
    margin-top:25px; width:500px; height:auto; position:absolute;
    top:34px;
    left:1000px;
    float: left;
    position: fixed;
}

</style>

 
<!-- 右侧显示姓名、设备ID -->
<div class="mydiv">
    姓名<input type="text">
    设备ID<input type="text">
</div>
<div class="wrapper">
</div>

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

.mydiv{
display:flex;
align-item:center;
}
如有帮助，望采纳^O^

为什么要绝对定位，是相对于哪个容器来定位？