JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<div class="wrapper">
  <div class="wrapimg">
    <figure>
      <p><img src="http://www.cyberforum.ru/attachments/705329d1465630569" alt=""></p>
      <figcaption>Samsung</figcaption>
    </figure>
    <figure>
      <p><img src="http://www.cyberforum.ru/attachments/705329d1465630569" alt=""></p>
      <figcaption>Samsung</figcaption>
    </figure>
    <figure>
      <p><img src="http://www.cyberforum.ru/attachments/705329d1465630569" alt=""></p>
      <figcaption>Samsung</figcaption>
    </figure>
    <figure>
      <p><img src="http://www.cyberforum.ru/attachments/705329d1465630569" alt=""></p>
      <figcaption>Samsung</figcaption>
    </figure>
    <figure>
      <p><img src="http://www.cyberforum.ru/attachments/705329d1465630569" alt=""></p>
      <figcaption>Samsung</figcaption>
    </figure>
  </div>
</div>

CSS

.wrapper {
  float: right;
  position: relative;
  left: -50%;
}
.wrapimg{
  position: relative;
  left: 50%;
}
figure {
  float:left;
  text-align: center;
}
figure img {
  height: 200px;
}