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

How to arrange English vertically in a table?

PHP中文网
PHP中文网Original
2017-06-05 15:30:363491browse

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>

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!

Statement:
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