Как растянуть блок от середины до края страницы?

Question

[Denir0]

Текст находится ровно по середине экрана (flex). Нужно от него растянуть красный блок от начала текста до края страницы.

Comments

[snap44]

width: 50%
justify-content: flex-end

Answer 1

[mikeyuriev]

Answer 2

[snap44]

https://codepen.io/anon/pen/yxydEx

Answer 3

[profesor08]

Выбирай любой

.block {
  flex: 0 0 50%;
  margin-left: auto;
}

.flex-block {
  justify-content: flex-end;
}

.block {
  flex: 0 0 50%;
}

.block {
  width: 50%;
  margin-left: 50%;
}

.block {
  width: 50vw;
  margin-left: 50vw;
}

.block {
  width: 50vw;
  transform: translateX(50vw);
}

.block {
  position: absolute;
  left: 50%;
  width: 50%;
}

.block {
  position: absolute;
  right: 0;
  width: 50%;
}