Html 如何将这些元素按我想要的方式对齐？

我正在写一本在线作文笔记本。学生们可以在检查前使用它而不会“丢失”他们的笔记本。。。我需要各种元素对齐，但不知道如何

链接到项目：

我想要实现的大致是在MicrosoftPaint中创建的，但这是最终UI（不包括标题栏和其他内容）应该是什么样子的基本要点

我尝试对文本框输入使用

style=“float:left”

，对图像使用

style=“float:right”

，但没有成功

但是仔细想想，我仍然有很多东西要学，比如如何将文本覆盖在图像上。。。我只是觉得基本代码足够好，可以得到一些帮助

---

---

编辑：现在我已经研究了这个程序的功能，我越是意识到越来越多的程序能如此高效地完成它。。。最后，我决定放弃这个项目。

这是

显示：内联块不允许对齐它。只需像下面那样对齐它


左
居中
居中
右