Flex sample 2

by Sreeraj Saseendran

HTML

<div class="ab">
  <div class="bc">
  left
  </div>
<div class="cd">
  <div class="a">test
    <div class="b">
      <div class="c">
      test123
      </div>
    </div>
  </div>
</div>

</div>

CSS

.bc,.cd {
  display:inline-block;
  width:49%;
  border:1px solid red;
}
.cd {
  width: 30%;
}
.a {
  position:relative;
  border:2px solid green;
}
.b {
  display:flex;
  max-width: 550px;
  visibility:visible;
  position:absolute;
  border:2px solid yellow;
  right: 0;
}
.c {
  border:2px solid blue;
  width:1050px;}