Текст внутри элементов div накладывается друг на друга при изменении размера браузера ⇐ Html

[Anonymous]

В настоящее время у меня есть панель навигации, содержащая элементы div, а внутри них находится текст. К сожалению, когда браузер изменяет размеры, текст смещается, и в конечном итоге все они деформируются друг относительно друга.
Посмотрите на скрипт:

https://jsfiddle.net/6jvxLr4k/4/

html

Tupac Shakur

Yo!

About

GitHub
Contact




css

nav {
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: red;
display: inline-block;
}

#nameCont {
position:relative;
margin-left: 3%;
margin-right: 3%;
display: inline-block;
}
.link {
display: inline-block;
margin-right:5%;
}
#postOne {
position: absolute;
right:40%;
top:0;
}
#postTwo {
position: absolute;
right:20%;
top:0;
}
#postThree {
position: absolute;
right:10%;
top:0;
}
#postFour {
position: absolute;
right:0;
top:0;
}


Подробнее здесь: https://stackoverflow.com/questions/292 ... ser-resize