JSFiddle - React, Tailwind, and code Playground

HTML

<html>
 <head>
  <title>test</title>
  <style type="text/css">
.frame {
  background-color: blue;
  border: 5px solid black;
  width: 670px;
}
.img {
  width: 200px;
  height: 125px;
  background-color: white;
  border: 1px solid black;
  float: left;
  margin: 10px;
}
.h2 {
  height: 272px;
}
  </style>
 </head>
 <body>
  <div class="frame">
   <div id="p11" class="img">1.1</div>
   <div id="p12" class="img h2">1.2</div>
   <div id="p13" class="img">1.3</div>

   <div id="p21" class="img">2.1</div>
   <div id="p22" class="img">2.2</div>
  </div>
 </body>
</html>

CSS

.h2 + div {
    float: right;
    margin: 10px 14px 10px 0;
}

.h2 + div + div {
    margin-left: -434px; /*need to account for borders*/
    clear: right;
}