lucy

by John Doe

HTML

<div id="container">
  <header id="daniel">
    <p>Hi this is Daniel</p>
  </header>

  <header id="lucy">
    <p>Hi this is Lucy</p>
  </header>
</div>

CSS

#container {
    width: 100%;
    border: 1px solid red;
    padding: 10px;
    height: 100%;
    display: inline-block;
}
#lucy {
    border: 1px solid purple;
    max-width: 45%;
    float: left;
    margin: 3px;
}
#daniel {
    border: 1px solid green;
    max-width: 45%;
    float: left;
    margin: 3px;
}

#lucy p{
  color: #f00;
  padding:100px;
  font-family: fantasy;
}
#daniel p{
  color: blue;
  padding:100px;
  font-family: cursive;
}