css float and validation start

css float and validation start.markdown

css float and validation start

A Pen by glenda drew on CodePen.

License.

index.html

<section>
  <h2>col1</h2></section>
<section>
  <h2>col2</h2></section>
<footer>
  <!--add validation for html5 and css3; find the code in ex 1, 2, 3 r 4 instructions; add target="_blank" in the link <a> tag so that the browers opens a new page with the validation results-->
</footer>

style.css

* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family:Verdana;
}

section:first-child {
  float: left;
  width: 300px;
  height: 500px;
  background-color: red;
}

section:nth-child(2) {
  float: left;
  width: 300px;
  height: 500px;
  background-color: purple;
  margin-left: 24px;
}

footer {
  clear: left;
  width: 100%;
  height: 72px;
  background-color: magenta;
  text-align: center;
}

footer a {
  position:relative;
  top:20px;
  text-decoration: none;
  color: white;
  font-size: 24px;
  padding: 20px;
}

footer a:hover{
  background-color:#333;
}