Question

I’m working on an ASP.NET website that needs to be internationalized. I’m using .resx files (essentially key-value pairs in a file) to populate static string fields on a page in different languages depending on the chosen culture/locale. I’m implementing Japanese and getting some stubborn vertical strings.

When copy and pasting them into the .resx file, they are horizontal (source of strings is Google Translate, for testing purposes). All of the strings appear normal, but one always displays vertically. The misbehaving string is a few div’s deep (like all of them) and only has font-size, font-family, color, and an uppercase transform applied to it.

Removing any or all of the above rules does not change the orientation of the text. I’ve cleaned the formatting off the offending text with Notepad and shortened it (to ensure it wasn’t a length problem). I’m stumped as to why this particular string is stubbornly vertical.

Here is the text in question: ログアウト
(Translation: Logout)

Edit

Clarification of the issue.

What it should look like:

The vertical text in question:

Answer 1

How can I force vertical text to be
horizontal?

Other than the title, I don’t really understand your question. I’ll take a guess anyway.

Try adding white-space: nowrap to the div that’s misbehaving.