put "title" between "menu" and "nick"
Because title is dynamic, I have 3 pages below.
Since the text "title" is between the "menu" and "nick", the page http://dot.kr/joon/025 is okay.
The page http://dot.kr/joon/025/menu/ is still okay.
However, the page http://dot.kr/joon/025/contents/ is not okay because "title" is below the "menu" and "nick" instead of being located between "menu" and "nick".
I like to put "title" is always located between "menu" and "nick".
When the text "title" is very long like http://dot.kr/joon/025/contents/, the last part of the title should be dropped between "menu" and "nick".
dropped part only is left-aligned when "title" is very long
It's okay because "title" is center-aligned at http://dot.kr/joon/027/.
Since "title" is dynamic, it could have very long text and some part of title will be dropped.
When some part of "title" is dropped, the dropped part is still center-aligned at http://dot.kr/joon/027/contents/.
I like to make the dropped part left-aligned.
So I added the code "text-align:left" at #title .
The result is good because the dropped part of "title" is left-aligned at http://dot.kr/joon/028/contents/.
However I met another problem.
When "title" is very short, it is unexpectedly left-aligned at http://dot.kr/joon/028/.
I like to make it like the following.
When "title" is short, it is center-aligned.
When "title" is very very long, the last dropped part of title is left-aligned.