<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "HTTP://WWW.W3.ORG/TR/HTML4/LOOSE.DTD" >
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 ">
<title> your dad </title>
<!--CSS Styles--
<style>
#input ul {
margin:0;
padding:0;
List-style:none;
padding-top:25px;
}
#input Li {
Float:left;
padding-left:20px;
}
#logo {
height:25%;
Text-align:center;
margin-top:80px;
margin-bottom:15px;
}
#logo span{
Color:blue;
font-size:45px;
}
#type {
height:25%;
Text-align:center;
margin-top:15px;
margin-bottom:15px;
}
#div1 {
width:100px;
Float:left;
padding-left:32%;
}
#div2 {
width:100px;
Float:left;
}
#search {
Text-align:center;
width:100%;
}
#input {
width:40%;
height:40px;
Float:left;
padding-left:32%;
}
#input span{
padding-top:25px;
}
#search_input {
width:100%;
height:30px;
}
#search_button {
margin-right:10px;
}
#right_div {
width:100px;
Float:left;
}
#right_div ul{
List-style:none;
Margin:auto;
}
#end {
Text-align:center;
width:100%;
height:20%;
}
</style>
<body>
<div id= "logo" ><span id= "google" >Google</span> Google </div>
<div id= "Type" >
<div id= "Div1" > Web </div>
<div id= "Div2" ><a href= "#" > Pictures </a></div>
<div id= "Div2" ><a href= "#" > News </a></div>
<div id= "Div2" ><a href= "#" > Maps </a></div>
<div id= "Div2" ><a href= "#" > More ></a></div>
</div>
<div id= "search" ><!--outer div--
<div id= "input" ><!--Red div---
<input id= "Search_input" type= "text"/><br>
<span>
<input id= "Search_button" type= "button" value= "Google search"/>
<input type= "button" value= "Good luck"/>
</span>
<ul>
<li><input type= "Radio" name= "page" value= "checked=" checked "> All pages </li>
<li><input type= "Radio" name= "page" value= "" > Chinese page </li>
<li><input type= "Radio" name= "page" value= "" > Simplified Chinese page </li>
<li><input type= "Radio" name= "page" value= "" > Pages in China </li>
</ul>
</div>
<div id= "Right_div" ><!--Green div---
<ul>
<li><a href= "#" ><font size= "2" > Advanced search </font></a></li>
<li><a href= "#" ><font size= "2" > Use search </font></a></li>
<li><a href= "#" ><font size= "2" > Language Tools </font></a></li>
</ul>
</div>
</div>
</body>
Div in HTML