greenrow

Добрый день! Иногда возникает потребность размещать блоки по центру, не задавая родителю фиксированной ширины.( то есть без использования margin :0 auto,и т.п), Ширина блока равна их содержимому. А сами блоки имеют фиксированную ширину в пикселях. Свойства display: inline-block и text-align:center позволяет так сделать. Например http://jsfiddle.net/greenrow/0jaw9bn9/ Это очень удобно при адаптивной верстке (например фото-галлерея), все элементы автоматически выравниваются по центру и не надо использовать css media queries; Смущает использование строчных стилей для блочных элементов: text-align:center для div, как то не очень... Вопрос: есть ли альтернатива css стилей, которая позволяет задать подобное поведение элементов - центрование дочерних блоков с фиксированной шириной, где родительский блок не имеет фиксированной ширины? Варианты которые не походят 1. { margin: 0 auto;position:relaive; } (т.к надо обязательно задать для родителя ширину ) 2; {left:50%, margin-left:***fix elem_fidth**;position:absolute } (т.к надо обязательно знать ширину родителя )