JSFiddle - React, Tailwind, and code Playground

by adamovic

HTML

<div class="innerWidth">
  <div class="innerWidthLeft">
    innerWidthLeft
    <div class="contentInside">
      contentInside
    </div>
    <div class="contentInsideOther">
      contentInside
    </div>
    <br clear="all" />
  </div>
  <div class="innerWidthRight">
    innerWidthRight
  </div>
</div>

CSS

.innerWidth {
  min-width: 500px;
  max-width: 500px;
  margin: 0 auto;
  display: block;
  background-color: #ff0;
}

.innerWidthLeft {
  display: inline-block;
  width: 200px;
  margin: 0 auto;
  background-color: #a00;
}

.contentInside {
  display: block;
  width: 200px;
  height: 100px;
  background-color: #0aa;
}

.innerWidthRight {
  display: inline-block;
  width: 300px
  margin: 0;
  vertical-align: top;
}