Проблема с Формой Поиска

[Danielee]

Кнопка поиска не встает рядом с формой ввода

Код В HTML

<form action="#" class="search">
<input type="search" name="q">
<input type="submit" value="">
</form>

Код в CSS

.search { width: 303px; height: 41px; float: right; }
input[type="search"] {
background-color: rgba(255, 255, 255, 0.20);
border: none;
outline: none;
-webkit-appearance: none;
height: 41px;
width: 250px;
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
color: #fff;
}[/center]

input[type="submit"] {
width: 53px; /* Ширина кнопки */
height: 41px; /* Высота кнопки */
border: none; /* Убираем рамку */
background: url(img/search.png); /* Параметры фона */
}

[npofopr]

Наверно потому, что ему не хватает длины .search

PS: выкладывайте код на http://jsfiddle.net/ или подобных сервисах

Edited July 31, 2013 by npofopr

[mrnobody]

input — инлайн-блочный элемент, следовательно, между ними образовался пробел, словно вы написали две разные бкувы, поэтому их нужно "написать" слитно вот так например http://jsfiddle.net/Jq7Zy/1/ или так http://jsfiddle.net/Jq7Zy/2/.

Edited July 31, 2013 by mrnobody

[Danielee]

Наверно потому, что ему не хватает длины .search

PS: выкладывайте код на http://jsfiddle.net/ или подобных сервисах

Спасибо, буду пользоваться этим сервисом!

input — инлайн-блочный элемент, следовательно, между ними образовался пробел, словно вы написали две разные бкувы, поэтому их нужно "написать" слитно вот так например http://jsfiddle.net/Jq7Zy/1/ или так http://jsfiddle.net/Jq7Zy/2/.

Большое спасибо! Теперь буду знать.