css style for display inline

Vote count:

0

I want to display tag and button tag in same line.but button appear slight below.I attached my screen shot and code.I marked In green where I want to display.

h1{
display:inline-block; 
}
.log {
 width:60%;
  height: 30%;
  position: absolute;
  border: 1px solid #f9f2f2;
  border-radius: 10px;
  background: -o-linear-gradient(bottom, #e5e3e3 5%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e5e3e3), color-stop(1, #ffffff));
  background: -moz-linear-gradient(center top, #e5e3e3 5%, #ffffff 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#e5e3e3", endColorstr="#ffffff");
  background: -o-linear-gradient(top, #e5e3e3, ffffff);
  background-color: #e5e3e3;
  border: 0px solid #f9f2f2;
  text-align: center;
  line-height:20px;
  border-width: 0px 0px 1px 1px;
}

<div class="log">
                <h1>Profile</h1>
                       <form method="post"> <button class="logout" name="logout" >Logout</button></form>
                       
                </div> <!--End of log div -->

asked 45 secs ago

user3386779

345

css style for display inline