Home > Web Front-end > HTML Tutorial > How to arrange English vertically in a table?

How to arrange English vertically in a table?

PHP中文网
Release: 2017-06-05 15:30:36
Original
3525 people have browsed it

Those are from top to bottom, similar to clockwise; what I want are English words, read from bottom to top, equivalent to counterclockwise.

<!DOCTYPE html>
<html>
<head>
<style> 
p{margin:30px;width:200px;height:100px;background-color:yellow;
/* Rotate p */transform:rotate(-90deg);-ms-transform:rotate(-90deg);
/* Internet Explorer */-moz-transform:rotate(-90deg); 
/* Firefox */-webkit-transform:rotate(-90deg);
/* Safari 和 Chrome */-o-transform:rotate(-90deg); /* Opera */}
</style>
</head>
<body>
<p>
Hello World
</p>
</body>
</html>
Copy after login

To: jslang
Thank you very much, rotation -90 degrees is available!

And it is now aligned to the bottom edge, because the width of my table is fixed and the number of columns is uncertain, so the width of each column is also uncertain,
I would like to ask again: How to center the vertical text horizontally?
(After adding text-align:center, it will not be close to the bottom; adding vertical-align:middle has no effect)

Thanks again!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template