Highcharts Demo

author(s): Torstein Hønsi

HTML

<div class="div1">
  <div class="div2">
  </div>
  <br>
  <div class="div3">
    <div class="div4">
    </div>
  </div>
  <br>
  <div class="div2">
  </div>
</div>

CSS

.div1 {
  position:relative;
  width:200px;
  left:50%;
  margin-left:-100px;
  background:#ddd;
  padding:10px;
  border:1px solid #000;
  }
.div2 {
  position:relative;
  width:calc(100% - 22px);
  background:#eee;
  border:1px solid #000;
  padding:10px;
}
.div3 {
  position:relative;
  width:calc(100% - 22px);
  height:50px;
}
.div4 {
  position:absolute;
  width:300px;
  height:50px;
  left:50%;
  margin-left:-140px;
  background:#fff100;
  border:1px solid #000;
}