Questions tagged [vertical-text]

Refers to text that is written from top to bottom (or bottom to top). This is usually done by rotating or stacking. The purpose could be for UI design or for the natural text direction of some East Asian languages. Please use the [tag:vertical-alignment] tag for text being aligned in separate UI elements.

Vertical text is read from top to bottom or bottom to top. Since most operating systems and programming environments assume a horizontal text direction, this is usually accomplished by either rotating the text 90 degrees or by stacking characters on top of each other.

Purpose

1. For UI design

Oftentimes a side label on the right or left would be too wide if written horizontally. Writing it vertically gives a more pleasing visual effect.

2. For natural text direction

Certain East Asian languages such as Japanese, Chinese, and Mongolian are traditionally written vertically. Although Japanese and Chinese are usually written horizontally today, they are on occasion still written vertically. The traditional Mongolian script (not Cyrillic Mongolian) is still in common usage in Inner Mongolia and is only written vertically for its natural text direction.

Tag Usage

Use this tag for programming questions related to rotating text strings and UI elements or stacking characters in a column. For vertically aligning separate text strings and UI elements, please use the tag.

Related Tags

111 questions
89
votes
7 answers

Vertically center rotated text with CSS

I have the following HTML:
Centered?
div.outer is a narrow vertical strip. div.inner is rotated 90 degrees. I would like the text "Centered?" to appear centered in its container div. I…
danvk
  • 15,863
  • 5
  • 72
  • 116
41
votes
11 answers

Is it possible to write vertically in a textview in android?

Let's say you have a normal TextView, with "Stackoverflow" written in it, Is it possible to rotate the TextView by -90°, to have the S at the bottom and the W at the top of the screen? Of course I could write my text as an image, rotate it and use…
Sephy
  • 50,022
  • 30
  • 123
  • 131
16
votes
4 answers

100% height block with vertical text

I have a block of a variable height in which I want to put another block with 100% height and vertical text (bottom-to-top direction) and stack it to the left side of the outer block. Is there a way to achieve it with CSS transforms but without…
spatar
  • 550
  • 1
  • 5
  • 15
13
votes
5 answers

Horizontal list to vertical list and vice versa - Sublime Text 2

I can't remember where I saw it or read it, but appearantly there is a shortcut for transforming a horizontal list of words seperated with commas or even without commas, into a vertical list allowing me to quickly build a UL with LI tags for the…
12
votes
3 answers

Vertical text in IE7, IE8, IE9, and IE10 with CSS only

Does anyone know how to successfully implement vertical text in IE7, IE8, IE9, and IE10 with CSS only? (by vertical text, I'm referring to text being rotated counterclockwise 90 degrees) This is what I have implemented today, which I think should…
JacobMcLock
  • 435
  • 1
  • 3
  • 11
11
votes
4 answers

Vertical text in datagridview

I want to show the text in the header cells in vertical orientation. How can I do it? Thanks
Diego
  • 16,436
  • 26
  • 84
  • 136
11
votes
1 answer

Making vertical Japanese text

Can anybody tell me the html/css to have Japanese text print from top to bottom, right to left (like in books) without changing the actual ilgnment of the characters? I am using UTF-16, If it helps.
William Edwards
  • 115
  • 1
  • 6
9
votes
4 answers

Creating HTML table with vertically oriented text as table header

I would like to create a HTML table with vertically written text as header (i.e. header text is rotated 90 degrees). I am using the flollowing style
user1054310
  • 171
  • 1
  • 4
  • 11
8
votes
1 answer

Android ActionBar menu with vertical (rotated) text items based on Custom Action Provider

I am adding a menu to an action bar item. The menu will contain vertical text for each item. What the menu contains is not important. I basically just want to create my own view that will pop up when I press an action bar item. So for the purposes…
Suragch
  • 484,302
  • 314
  • 1,365
  • 1,393
8
votes
6 answers

Vertical Text with jQuery

I'm looking to vertically align text by adding
tags between characters with jQuery.
would look like this: V e r t i c a l T e x t
Parrfolio
  • 157
  • 1
  • 4
  • 9
8
votes
1 answer

How to represent vertical alignment of syntax of code using BNF, EBNF or etc.?

How to say that (in BNF, EBNF, etc) any two or more letters are placed in the same vertical alignment e.g In python 2.x, we have what we call indentation. def hello(): print "hello," print "world" hello() Note letter p (second line) is…
fronthem
  • 4,011
  • 8
  • 34
  • 55
7
votes
4 answers

Bootstrap vertical writing

I want to write text with Bootstrap, vertically but not like transform the text 90°. Vertical, but turned and hard to read. But actually written like this: Vertical and not turned I think there was a way to do this with Bootstrap? Do you know…
Janis Jansen
  • 996
  • 1
  • 16
  • 36
7
votes
1 answer

How to make a traditional Mongolian script TextView in Android

How do you make vertical (with left-to-right line wrapping) Mongolian script TextViews for Android apps? Background Android has fairly good support for many of the world's languages, even RTL languages like Arabic and Hebrew. However, there is no…
Suragch
  • 484,302
  • 314
  • 1,365
  • 1,393
6
votes
1 answer

vertical text in table cell using css3 writing-mode in Chrome

First of all, I'd like to acknowledge that the question Vertical text in table cell exists, but since that simply tries to rotate the whole cell instead of having vertical writing style, it is not relevant to my question (for example that question…
Joeytje50
  • 18,636
  • 15
  • 63
  • 95
6
votes
3 answers

Vertical Print String - Python3.2

I'm writing a script that will take as user inputed string, and print it vertically, like so: input = "John walked to the store" output = J w t t s o a o h t h l e o n k r e e d I've…
BennySunshine
  • 89
  • 1
  • 1
  • 6
1
2 3 4 5 6 7 8