Float и inline-block имеют разные особенности при использовании для обтекания текста вокруг изображений. 24

Float — простой способ реализовать обтекание изображения текстом. 3 Объявление float удаляет блочный элемент из нормального потока документа, поэтому последующие блочные элементы будут «проскальзывать» под ним, но текст внутри этих элементов будет обтекать плавающий элемент. 3 Однако float не подходит для центрирования (горизонтального или вертикального). 3

Inline-block позволяет контролировать вертикальное выравнивание и горизонтальное позиционирование элементов. 2 В отличие от float, inline-block находится в «потоке документа», поэтому нет необходимости применять clearfix или overflow: hidden. 2 Inline-block по умолчанию выравнивается по базовой линии, а float — по верхнему краю. 2 Если на странице несколько inline-block, каждый из которых расположен с новой строки, то между ними будут некоторые промежутки. 2

Таким образом, inline-block лучше подходит, когда необходим контроль над позиционированием элементов, а float — когда нужно обтекание элементов и поддержка старыми браузерами. 2

Выбор между float и inline-block зависит от задач в конкретном дизайне. 2