Javascript 如何区分同一直线上两个组件的位置x？

这是我的密码：

<input id="homebutton" type="image" style="display:inline" src="home.png" name="saveform" class="btTxt submit ml-3" onclick="location.href='home.html'"/>
<h5 id="theatrename" style="display:inline" class="text-center mt-5">name</h5>

名称

因此，我设法将“homebutton”和“name”放在同一行，但我希望“homebutton”放在左侧，而“name”放在文本中心

我已经像上面的代码一样尝试了

class=“text center”

，但似乎不起作用：/

---

如何解决此问题？

要强制对齐元素，可使用

float

属性选项。 参见下面的示例

下一个选择是绝对定位的。但要注意在绝对位置元素中填充，以确保它不会覆盖输入

div{
位置：相对位置；
高度：25px；
}
#主页按钮{
显示：内联；
浮动：左；
宽度：25px
}
#剧院{
填充：0 25px；
位置：绝对位置；
文本对齐：居中；
左：0；
右：0；
显示：内联；
保证金：自动；
}

名称

我试过了，但“名称”似乎不在整个屏幕的中心，但它位于除“主页按钮”之外的区域的中心。idk如何解释这一点，但它有点从中间偏右？@Sujin如果有帮助，请查看此更新。它成功了！谢谢