На одной уровне

0.07

(15 мар 2016, 05:12) (0/0) [0]

donttime, Вот что получается 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;
}

Крутой

0.07

(15 мар 2016, 05:07) (0/0) [0]

В общем есть два дива мне надо что бы они были на одном уровне а не один више другой ниже
вот 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;

}
Помогите кто шарит пожалуйста