Upper link with text to be centered horizontally

[joon1]

At the page http://form.kr/q/upperLink06.php all links including upper link with text “DIV” and under links are clickable.
I like to make the upper link is positioned centered horizontally.

The page at http://form.kr/q/upperLink07.php is one of my trials by adding “align-items: center; justify-content: center;”.
However, it seems not to work.

[PaulOB]

@joon1

I like to make the upper link is positioned centered horizontally.

Do you mean horizontally in the viewport or horizontally in relation to that block of links?

If you meant the viewport then try this:

.inner > div:nth-child(1) {  
position:absolute; 
top:300px;
left:50%; 
transform:translateX(-50%);
}

[PaulOB]

@joon1

s one of my trials by adding “align-items: center; justify-content: center;”.

That only applies to flex or grid items.