Vertical text in a TD CSS does not fit edges

Question

Vertical text in a TD CSS does not fit edges

Navigation

#1 by (2 votes)

2

I need the text that I have inside a td appear vertically from bottom to top, I get the address but since the td has a background color, I get out of the border line that I put on the td ... I found already own functions of the css as:

writing-mode: horizontal-tb;
writing-mode: vertical-rl;
writing-mode: vertical-lr;

They fit the edge of the td, but the direction of these is from top to bottom and not the opposite as I need it. Currently this is the css that fails to overcome the edge lines:

.verticaltext {
    text-align:center;
    white-space:nowrap;
    transform-origin:50% 50%;
    transform: rotate(270deg);

}

Any ideas? Thanks in advance.

html css

asked by jsanchezs 31.01.2018 в 22:38

source

1 answer

Systems of nonlinear equations in python How to change the orientation of the page with the mPDF library?

score 2 · Accepted Answer

I found a way, initially the idea is that the color background has the tr and not the td, then this would be the css that fits properly by removing the wraps and putting padding:

.verticaltext {
    padding: 5px;
    width: 50px;
    text-align:center;
    transform: rotate(270deg);
}