Форум Сайтостроение Веб-строительство

Подскажите с css

D
На сайте с 20.09.2010
Offline
175
datum
194

Вот простой код: 

<input name="kat_mas[]" class="i-checkbox" id="n564" value="564" type="checkbox"> <label for="n564">Железнодорожный транспорт, оборудование, запчасти</label><br>

<input name="kat_mas[]" class="i-checkbox" id="n328" value="328" type="checkbox"> <label for="n328">Авто-мото транспорт, оборудование, запчасти, аксессуары-продажа</label><br>

Выглядит как-то кривова-то.. Этот перенос строки.. Подскажите как его убрать?

jpg xxxxxxx.jpg
I2
На сайте с 07.03.2015
Offline
38
indenger20
#1

Для инпута фикс ширину и для лейбла фикс.


form {
	font-size: 0; // убрать пробелы
}
input {
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}
label {
	width: calc(100% - 20px);
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
        font-size: 14px;
        box-sizing: border-box;
}
Качественная верстка PSD макетов (/ru/forum/974524)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий