n1ksON

<div class="parent column">
  <div class="row">
    <div class="column">
      <div>div 1</div>
      <div>div 2</div>
      <div>div 3</div>
    </div>
    <div>
      div 4
    </div>
  </div>
  <div>
    остальное
  </div>
</div>

.column {
  display: flex;
  flex-direction: column;
}
.row {
  display: flex;
  flex-direction: row;
}

<a href="google.com">
  <button>Button</button>
</a>

<button>Button</button>
<script>
document.querySelector('button').addEventListener('click', () => {
  window.open('https://google.com')
})
</script>

.block-with-text {
  overflow: hidden;
  line-height: 1.2em;
  max-height: 3.6em;  /* max-height = line-height (1.2) * кол-во строк (3) */
  text-align: justify;
}

body {
  overflow-x: hidden;
}