Як розташувати текст справа і зліва від картинки, внизу картинки, вгорі і посередині

На численні прохання Новомосковсктелей поясню ще раз, як розташувати текст справа і зліва від картинки, внизу картинки, вгорі і посередині.
Як же зробити так, щоб текст розташовувався праворуч від картинки, весь. а не тільки його рядок. Подивимося спочатку як виглядає просто HTML код картинки. Я взяла невелику картинку, яку ви бачите зліва від тексту. Просто код її виглядає ось так.

Тепер додаємо до нього атрибут align, який відповідає за вирівнювання, і так як ми хочемо щоб картинка була зліва від тексту, то додаємо = "left". Тепер наш код буде виглядати ось так.

Що б картинка була праворуч від тексту, додаємо так само до нього атрибут align, який відповідає за вирівнювання і = "right". тобто праворуч. Тепер наш код буде виглядати ось так.

Або простіше напишу так. В HTML форматі в кінці коду (перед останніми лапками) потрібно додати align = "left" і картинка буде зліва від тексту або align = "right" і картинка буде праворуч від тексту. (Скопіюйте ці символи право-ліво і поставте в кінці коду своєї картинки)

Тепер увага. Коди картинки завжди повинні стояти попереду тексту, а текст слідом за кодами. Наприклад ви хочете поставити картинку праворуч від тесту. Це повинно виглядати ось так

Але це не все: текст може розташовуватися внизу картинки (це за замовчуванням), посередині, і вгорі.
Ось так це виглядає.

текст внизу картинки

текст посередині картинки

текст вгорі картинки

Ну а тепер напишу по порядку коди, які треба додавати в кінці HTML-коду картинки, перед останніми лапками, що б ваші картинки вставали так, як ви цього хочете.
додати
align = "left" -і картинка буде зліва від тексту
align = "right" -картінка буде праворуч від тексту.
align = "bottom" -картінка буде внизу тексту
align = "middle" -картінка буде посередині тексту
align = "top" - картинка буде вгорі тексту.
Ось поки і все. Не буду вантажити відразу багато інформації. Далі про картинках розповім пізніше. Успіхів у вашій творчості.