В общем есть два дива мне надо что бы они были на одном уровне а не один више другой ниже
вот html
<!DOCTYPE html>
<head><link rel="stylesheet" href="style.css"><title>Главная</title></head>
<body>
<header>Главная</header>
<div class="ram1">
<h1>Вход</h1>
<p><form action="avto.php" method="post"><p>
<p><input type="text" name="login" required placeholder="| Login"><p>
<p><input type="password" name="password" required placeholder="Password"><p>
<p><input type="submit" name="button" value="Регистрация"><p><p>
</form>
</div>
<div class="ram2">
<h1>Регистрация</h1>
<form action="" method="post">
<p><input type="text" name="login" required placeholder="| Login"></p>
<p><input type="password" name="password" required placeholder="Password"></p>
<p><input type="password" name="rpassword" required placeholder="R-Password"></p>
<p><input type="text" name="email" required placeholder="E-mail"></p>
Ваш пол</br>
<p><input type="radio" name="browser" required value="<img src="00217.jpg" alt="нет"> М<br>
<input type="radio" name="browser" required value="Ж">Ж<Br></p>
<input type="submit" name="button" value="Регистрация">
</div>
</body>
вот css
body
{
color:red;
font-size:20px;
}
.ram1
{
height:100%;
margin-left:50%;
background:red;
}
.ram2
{
height:100%;
margin-right:50% ;
background:green;
}
Помогите кто шарит пожалуйста
Изм. 1 раз. / Посл. изм. (15 мар 2016, 05:09)
[мошенник] display: inline-block; примени это css свойство к этим дивам 
Вот что получается http://prntscr.com/afdu8a
Добавлено 15.03.16 в 05:40:31:
Сам решил проблему решение как оказалось не сложным
код
<!DOCTYPE html>
<head><link rel="stylesheet" href="style.css"><title>Главная</title></head>
<body>
<header>Главная</header>
<div id="ram">
<div id="ram1"> <h1>Вход</h1>
<p><form action="avto.php" method="post"><p>
<p><input type="text" name="login" required placeholder="| Login"><p>
<p><input type="password" name="password" required placeholder="Password"><p>
<p><input type="submit" name="button" value="Регистрация"><p><p>
</form></div>
<div id="ram2"><h1>Регистрация</h1>
<form action="" method="post">
<p><input type="text" name="login" required placeholder="| Login"></p>
<p><input type="password" name="password" required placeholder="Password"></p>
<p><input type="password" name="rpassword" required placeholder="R-Password"></p>
<p><input type="text" name="email" required placeholder="E-mail"></p>
Ваш пол</br>
<p><input type="radio" name="browser" required value="<img src="00217.jpg" alt="нет"> М<br>
<input type="radio" name="browser" required value="Ж">Ж<Br></p>
<input type="submit" name="button" value="Регистрация">
</form></div>
</div>
</body>
код css
#ram{
background:black;
}
#ram1,#ram2{
vertical-align:top;
width:100px;
display:inline-block;
}
#ram1{
background:red;
}
#ram2{
background:yellow;
}
- 1 из 1
