Upper link with text to be centered horizontally

HTML & CSS
1

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.

2

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%);
}
3

That only applies to flex or grid items.

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.