Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

enter image description here

But actually written like this: Vertical and not turned

enter image description here

I think there was a way to do this with Bootstrap? Do you know something?

like image 654
Janis Jansen Avatar asked Dec 19 '15 12:12

Janis Jansen


People also ask

How do you write vertically in HTML?

To achieve a vertical text orientation, set the writing mode property to vertical-lr(or vertical-rl) and set text-orientation to upright.

How do I make text vertical in CSS?

The text-orientation CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when writing-mode is not horizontal-tb ). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.

How do I make text vertical in HTML table?

The first trick is to use writing-mode: vertical-lr to get the text to run vertically. By itself, the text runs top to bottom, but we want it to run bottom to top, so we spin it around it with the transform: rotate(180deg) . The default transform origin is the center of the element, so this works out great.

How do you justify text in bootstrap?

Text Alignment The text can justified by using the . text-justify class and for left, right, and center alignment of text, use the text-left, text-right and text-center classes respectively.


1 Answers

You can do something like this:

CSS
      .verticaltext{
           width:1px;
           word-wrap: break-word;
           white-space:pre-wrap; 
        }
like image 195
CastenettoA Avatar answered Sep 20 '22 16:09

CastenettoA