39 урок html/css как сделать, чтобы кнопка поиска была на одной строчке со строкой поиска?

0

Кнопка поска уезжает вниз под строку поиска.

HTML:

<div class="site_content">

			<div class="sidebar_container">

				<div class="sidebar">

					<h2>Поиск</h2>
					<form method="post" action="#" id="search_form" >
						<input type="search" name="search_field" placeholder="ваш запрос" />
						<input type="submit" name="btn" value="найти" />
					</form>

				</div>

			</div>

		</div>

CSS:

.site_content {
	width: 880px;
	overflow: hidden;
	margin: 20px auto 0 auto;
	background-color: white;
}

.sidebar_container {
	float: right;
	width: 224px;
}

Как сделать чтобы было всё в одной строке?

Спасибо.

html
css

2 ответов

1

Самой первой строкой в style.css

* {
    margin: 0;
    padding: 0;
}

лично я когда проходил модуль html/css не увидел, в какой момент он добавил это в код
потом уже при какой-то ошибке (возможно как раз этой) и сравнении его исходного кода с моим нашел эту запись

0

Большое спасибо!

Sign up or Log in to write an answer