<html>
<style>
input[type=text], select {
width:20%;
padding: 6px 15px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
position: relative;
left: 100px;
}
input[type=submit] {
width: 10%;
background-color: #4CAF50;
color: white;
padding: 10px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
position: relative;
left: 50px
}
input[type=submit]:hover {
background-color: #45a049;
}
div {
border-radius: 5px;
background-color: #f2f2f2;
}
div .x1{
width: 100%;
padding-left: 12px;
}
div .x3{ position: relative;
left: 250px;}
}
</style>
<body>
<h3 style="position: relative;left: 200px;">Set detial...</h3>
<div >
<form action="/action_page.php">
<div >
<label style="position: relative;left: 90px;">Subject :</label>
<input type="text" id="fname" name="firstname" placeholder=" Subject">
</div>
<div class="x1">
<label style="position: relative;left: 90px;">Topic :</label>
<input type="text" id="lname" name="lastname" placeholder="Topic">
</div>
<div class="x3">
<input type="submit" value="Next">
</div>
</form>
</div>
</body>
</html>
No comments:
Post a Comment