Ви можете використовувати функцію перекладу, щоб перемістити зображення в HTML за допомогою CSS. Позиція CSS: властивість position дозволяє позиціонувати елемент відносно його батьківського контейнера. Щоб перемістити зображення, використовуйте властивість position для абсолютного або відносного, а потім властивості top, bottom, left і right для переміщення зображення.

Ви можете відцентрувати зображення з властивістю text-align. Одне, що вам слід знати, це те, що тег для введення зображень – img – є вбудованим елементом. Центрування за допомогою властивості text-align працює лише для елементів рівня блоку.

Щоб упорядкувати зображення та текст у HTML, ви можете використовувати CSS (каскадні таблиці стилів). Ви можете використовувати властивість float, щоб розмістити зображення та текст поруч, або використовуйте властивість position, щоб розмістити їх у певному місці на сторінці.

<center>: Елемент "Центрований текст".

1. Приклад 1. Відтворення html. <center> Цей текст буде вирівняно по центру. < p>Також і цей параграф.</ …
2. Приклад 2 (альтернатива CSS) відтворення html. <div style="text-align:center"> Цей текст буде вирівняно по центру. < …
3. Приклад 3 (альтернатива CSS) відтворення html. <p style="text-align:center"> Цей рядок буде вирівняно по центру.<

Думайте про HTML як про цифрове полотно. Ви художник, а образи – ваші фарби. Розташування зображення — це все одно, що вирішити, де розмістити штрих фарби на полотні. У HTML, зображення розміщуються за допомогою тегу <img>, а джерело файлу зображення вказується за допомогою атрибута src.