我如何将这些元素对齐到我想要的方式？答案

【问题标题】：How do I align these elements to be the way I want?我如何将这些元素对齐到我想要的方式？
【发布时间】：2019-06-28 20:06:49
【问题描述】：

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

项目链接：https://drive.google.com/drive/folders/15YrZ5XkcyoyuAsVE29BSA-UEa67GmyBf?usp=sharing

我想要发生的事情大致是在 Microsoft 绘画中创建的，但它是最终 UI（不包括标题栏和其他内容）应该是什么样子的基本要点。

我尝试使用style="float:left" 输入文本框，使用style="float:right" 输入图像，但没有成功。

尽管考虑到这一点，我还有很多东西要学，一个例子是如何将文本覆盖在图像上...我只是认为基本代码足以获得某种排序帮助...

编辑：现在我已经研究了这个程序的作用，我越发意识到有更多的程序可以如此高效地完成它......我最终决定放弃这个项目。

【问题讨论】：

标签： html css alignment

【解决方案1】：

是display: inline-block; 不允许您对齐它。只需像下面一样对齐它。

<div style="text-align: left;">Left</div>
<div style="text-align: center; display: inline-block;">Center</div>
<div style="text-align: center;">Center</div>
<div style="text-align: right;">Right</div>

【讨论】：