JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <header>
    <div id="logo">
      <img src="http://placehold.it/150x80" alt="logo"/>
    </div>
    <nav>
    </nav>
  </header>
  <div id="pageContainer">
    <article>
      <section>
          Some text.<br/>
          Some text.<br/>
          Some text.<br/>
          Some text.<br/>
          Some text.<br/>
          Some text.<br/>
          <img src="http://placehold.it/50x50" alt=""/>
          <img src="http://placehold.it/50x50" alt=""/>
      </section>
    </article>
  </div>
</body>

CSS

header{
    background:red;
    height:80px;
    width:100%;
}
#logo{
    float:right;    /* example of a floating element. this means the element has <br/> at end of it */
}
img{
    display:inline;    /* eaxmple of inline element. this means the element has no <br/> at end of it */
}
article{
    background:gray;
}
section{
    background:yellow;
    margin:0px 20px 20px 20px;
}