jorgeguberte/searchbox.html

## searchbox.html
<!doctype>
<html>
  <head>
      <title>Searchbox</title>
  </head>
  <body>
    <style>

      #outerContainer{
        width: 350px;
        height: 60px;
        border-radius: 10px;
        box-shadow: 0 0 5px 1px #888;
        display: block;
      }

      .googleButton{
        position: relative;
        left: 5px;

        width: 40px;
        height:50px;
      }

      #srchBox{
        border-radius: 3px;
        margin-left: 8px;
        height: 50px;
        width:200px;
        margin-top: 5px;
      }
      .otherButton{
        width:43px;
        height: 50px;
      }
    </style>
    <div id="outerContainer">
      <button class="googleButton">G</button>
      <input id="srchBox" type="search">
      <button class="otherButton">X</button>
      <button class="otherButton">Y</button>
    </div>
  </body>
</html>
	<!doctype>
	<html>
	<head>
	<title>Searchbox</title>
	</head>
	<body>
	<style>

	#outerContainer{
	width: 350px;
	height: 60px;
	border-radius: 10px;
	box-shadow: 0 0 5px 1px #888;
	display: block;
	}

	.googleButton{
	position: relative;
	left: 5px;

	width: 40px;
	height:50px;
	}

	#srchBox{
	border-radius: 3px;
	margin-left: 8px;
	height: 50px;
	width:200px;
	margin-top: 5px;
	}
	.otherButton{
	width:43px;
	height: 50px;
	}
	</style>
	<div id="outerContainer">
	<button class="googleButton">G</button>
	<input id="srchBox" type="search">
	<button class="otherButton">X</button>
	<button class="otherButton">Y</button>
	</div>
	</body>
	</html>