Робота з Інлайн Елементами

Інлайн елементи розташовуються на одному рядку доти, доки не буде достатньо місця. Коли доступне місце вичерпується, елементи переходять на новий рядок. Така поведінка досягається за допомогою властивості CSS:

Основні міркування при роботі з вбудованими елементами:

• За замовчуванням вони мають властивість display: inline.
• Значення width і height визначаються виключно вмістом елемента; явні значення цих властивостей не застосовуються.
• Тільки горизонтальні (left і right) властивості, такі як padding, margin і border можуть бути встановлені.

Тепер давайте розглянемо приклад, коли деякі стилі впливають на елемент, а інші - ні, у файлі CSS:

За замовчуванням елементи inline мають пробіл з правого боку; для елементів img цей пробіл знаходиться внизу. Цей пробіл не відноситься до padding або margin. Натомість, це невід'ємний пробіл, який додається браузерами для забезпечення відстані між елементами.