Как мне выровнять эти элементы так, как я хочу?

Question

Я работаю над записной книжкой онлайн.Студенты смогут использовать это, не «теряя» свой блокнот перед проверкой ... Мне нужно выровнять различные элементы, но я не могу понять, как ...

Ссылка на проект: https://drive.google.com/drive/folders/15YrZ5XkcyoyuAsVE29BSA-UEa67GmyBf?usp=sharing

То, что я хотел сделать, примерно создано в Microsoft Paint, но это основная суть того, как должен выглядеть окончательный интерфейс (исключая строку заголовка и другие элементы).

Я пытался использовать style="float:left" для ввода в текстовое поле и style="float:right" для изображения, но это не сработало.

Хотя, подумав об этом, мне еще многое предстоит узнатьпример того, как я смогу наложить текст поверх изображения ... Я просто подумал, что достаточно базового кода, чтобы получить какую-то помощь ...

Answer 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>