float или inline-block

[like2dev]

Здравствуйте, что лучше использовать для выстраивание блоков в ряд inline-block или флоат.

[SelenIT]

У каждого свои плюсы и минусы. Инлайн-блоки могут быть произвольной высоты, их можно выравнивать в строке как угодно (по верху, по центру, по низу), их легко центрировать, они не выпадают из потока и не требуют после себя clear'инга. Зато для них значимы пробелы между тегами (обычно это мешает, приходится либо убирать пробелы в коде, либо городить отрицательные маргины и/или word-spacing'и, либо - имхо самая неудачная идея - обнулять font-size контейнеру и заново ставить потомкам), а также требуется хак для старых IE (inline + hasLayout). Float-ы работают во всех браузерах (в IE6 капризничают, но на эти капризы есть проверенные и простые "затычки"), безразличны к пробелам в коде, зато выпадают из потока (требуют clearfix'а или overflow:hidden для контейнера), обязательно прижимаются к правому или левому краю, по вертикали выравниваются только по верхнему краю, а в несколько строк корректно размещаются только при условии равной высоты.

Как по мне, инлайн-блоки чуть погибче. Но всё равно нужно смотреть по конкретной задаче. Ну и для полноты картины можно вспомнить про третью альтернативу в лице display:table/table-cell

[like2dev]

Благодарю, за столь содержательный ответ.