Я пытаюсь обернуть несколько fieldsets
пределах окружающего div
. Div обертывает ОК, когда браузер достаточно велик, чтобы соответствовать всем fieldsets
в одной строке, но когда они переходят к следующей строке, граница div привязывается к правому краю окна браузера (Chrome). Как я могу преодолеть это без использования настроек ширины или использования JS?
HTML
<div id="wrapper" class="display-inline-block">
<fieldset id="f1" class="display-inline-block">
<legend>F1</legend>
<p>Lorem ipsum dolor sit amet</p>
</fieldset>
<fieldset id="f2" class="display-inline-block">
<legend>F2</legend>
<p>Lorem ipsum dolor sit amet</p>
</fieldset>
</div
CSS
#wrapper
{
margin: 10px;
padding: 10px;
border: 1px solid red;
}
.display-inline-block
{
display:-moz-inline-stack;
display:inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
}
Посмотрел на это в течение последних 5 минут и не выглядит так, как это возможно с чистым CSS, кроме, возможно, медиа-запроса.