Помогите чутка с версткой? :-)

[gregoro 63]

Есть кусок кода:

            <h3><?php echo $text_option; ?></h3>
            <?php foreach ($options as $option) { ?>
            <?php if ($option['type'] == 'select') { ?>
            <label class="control-label" for="input-option<?php echo $option['product_option_id']; ?>"><?php echo $option['name']; ?></label>
              <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>">
              <select name="option[<?php echo $option['product_option_id']; ?>]" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control">
                <option value=""><?php echo $text_select; ?></option>
                <?php foreach ($option['product_option_value'] as $option_value) { ?>
                <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
                <?php if ($option_value['price']) { ?>
                (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                <?php } ?>
                </option>
                <?php } ?>
              </select>
            </div>

 

Получаем вот такой вывод:

 

Пытаюсь убрать тег H3.

Заменяю, например, строчку с H3 вот на такой кусок:

<div class="refine"><?php echo $text_option; ?></div>

Класс refine заметил устраивает по начертанию текста.

 

Все внешне Ок.

Кроме того, что "размер коврика" уехал вниз:

 

Что делаю не так?  

Какашками не кидайтесь сильно, в верстке понимаю больше по наитию.

[mpn2005 1,139]

Было бы проще со ссылкой на страницу.

Попробуйте это:

div.refine {
	display: inline-block;
}

 

[gregoro 63]

1 минуту назад, mpn2005 сказал:

Было бы проще со ссылкой на страницу.

Попробуйте это:

div.refine {
	display: inline-block;
}

 

Спасибо за отклик! display: inline помог