Как такое сделать с текстом?

Question

[a16a]

Доброго времени суток.

Помогите пожалуйста, как сделать так?(Привел картинку ниже)



Это один блок, размером 300px и по центру экрана.
Так же можно. Расположить идеально по центру экрана? По горизонтали полчается. а по вертикали нет)

Answer 1

[Виктор Янышев]

Разделить попалам, поместить половинки в коробку и первой половине сказать текст в лево а правой в право.

Answer 2

[ukoHka]

Текст осмысленный или нет?
Если нет, то:

.block {
  width: 300px;
  color: black;
}
.header{
  width: 100%;
}
.left {
  float: left;
  color: red;
  font-size: 1.2em;
}
.right, a {
  float: right;
  color: red;
  font-size: 1.2em;
}

Comments

[a16a]

Гиперссылка стала неактивным.

[ukoHka]

a16a: Возможно, в ссылке не указан атибут href. Возможно. ссылку перекрыл другой элемент. В приведенном примере нет ничего, что могло сделать ссылку неактивной.

[a16a]

ukoHka: Сможете пришлить свой вариант?

Я ставил и так

<p><a class="right" href="vk.com">vk</a></p>
И так
<p class="right"><a href="vk.com">vk</a></p>
Эфект одна и та же

[ukoHka]

a16a: https://jsfiddle.net/9v0f3y7e/ добавил только выравнивание блока по центру и текста по ширине

[a16a]

ukoHka: Я понял. ссылка пропадала из за того что далее был тег .

А как весь этот блок выравнивать по центру(по вертикали)?

[ukoHka]

a16a: Есть несколько вариантов. Например https://jsfiddle.net/9v0f3y7e/1/