Skip to main content
1 de 3

Como alinhar div ao lado de duas rows?

Quero deixar a ultima imagem centralizada no meio das duas rows porem não sei como fazer utilizei uma margin-top: 15%; foi para o centro como eu quero porem a segunda row desceu e não ficou perto da primeira e iniciando no final do ultima imagem.

inserir a descrição da imagem aqui

Segue o código:

<div class="row">
  <div class="col-md-3">
    <img src="../assets/img/per.png" style="height: 100%; width: 100%;">
  </div>
  <div class="col-md-3">
    <img src="../assets/img/per.png" style="height: 100%; width: 100%;">
  </div>
  <div class="col-md-3">
    <img src="../assets/img/per.png" style="height: 100%; width: 100%;">
  </div>
  <div class="col-md-3" style="margin-top: 15%;">
    <img src="../assets/img/per.png" style="height: 100%; width: 100%;">
  </div>
</div>
<div class="row">
  <div class="col-md-3">
    <img src="../assets/img/per.png" style="height: 100%; width: 100%;">
  </div>
  <div class="col-md-3">
    <img src="../assets/img/per.png" style="height: 100%; width: 100%;">
  </div>
  <div class="col-md-3">
    <img src="../assets/img/per.png" style="height: 100%; width: 100%;">
  </div>
</div>