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

Popular posts from this blog

Shakespeare SONNET 116 in Hindi

Sabse Khatarnak सबसे खतरनाक (The Most Dangerous) Poem by Avtar Singh Sandhu "Pash" in English and Hindi