JSFiddle - React, Tailwind, and code Playground

HTML

<div id="generalbox">
  <div id="box3">
    <a href="#" id="item1">This is example forum</a><br />
    <span id="item2">This is example forum's description</span>
  </div>
  <div id="righthand">
    here
    <!--
      +------+------+------+
      | Top1 | Top2 | Top3 |
      +------+------+------+
      | Sub1 | Sub2 | Sub3 |
      +------+------+------+
     -->
  </div>
</div>

CSS

#generalbox {
    display: block;
    padding: 1.5%;
    margin-bottom: .15%;
    background-color: #222;
}

#box3 {
    display: inline-block;
    width: 54%;
    background-color: red;
}

#item1 {
    font-size: 1.8em;
    color: #000;
    text-decoration: none;
}

#item2 {
    font-size: .8em;
    color: #555;
}

#righthand {
    display: inline-block;
    background-color: red;
}