[Solved] Align item center and right [closed]

by


Basically, you’d need to use absolute positioning to take the buttons (I’ve wrapped them here for simplicity) out of the flow so the title can center.

.parent {
  text-align: center;
  position: relative;
  border: 1px solid green;
}
h1 {
  display: inline-block;
}
button {
  display: inline-block;
}
.wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
<div class="parent">
  <h1>
title
</h1>
  <div class="wrap">
    <button>
      button 1
    </button>
    <button>
      button 2
    </button>
  </div>
</div>

solved Align item center and right [closed]