Griding using HTML and CSS Rahul Kumar
<html>
<head>
<title>Webpage With Style</title>
<style type="text/CSS">
#first-section{
color:white;
background-color: black;
height:auto;
width:50%;
float: left;
}
#second-section{
color:white;
background-color: blue;
height:auto;
width: 50%;
height: 100%;
float:right;
position:relative;
}
</style>
</head>
<body>
<div id="first-section">
<div> <img style="margin-top: 50px; width: 100%;height: 570px;background-color: red;" src="home.png"> </div>
</div>
<div id="second-section">
<div class="boxed">
</div>
<div class="boxed">
<h1 style="margin: 100px;">Que1:What is the best things to do in india </h1>
<p>
<div style="margin-top: 20px;margin-left: 130px;">
<h2><input type="radio" name="ans"><strong>1.India ia best country to live.</strong></br>
<input type="radio" name="ans"><strong>2.India ia best country to live.</strong></br>
<input type="radio" name="ans"><strong>3.India ia best country to live.</strong></br>
<input type="radio" name="ans"><strong>4.India ia best country to live.</strong></br></h2>
</div>
<div style="margin-left: 150px;margin-top: 20px;"> <input type="button" name="Submit here"></div>
</p>
</div>
</div>
</body>
</html>
Comments
Post a Comment