.div-vertical{
writing-mode: vertical-lr;
transform: rotate(180deg);
min-width: 20px;
}
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
div {
display: table-cell;
width: 250px;
height: 200px;
padding: 10px;
border: 3px dashed #1c87c9;
vertical-align: middle;
}
</style>
</head>
<body>
<div>Vertically aligned text</div>
</body>
</html>| Code Example |
|---|
| Css :: how to remove margin of body |
| Css :: dotted underline css |
| Css :: css select without class |
| Css :: how to remove underline from list item in html |
| Css :: ul li seprator |
| Css :: vertically center div inside div |
| Css :: label width css |
| Css :: tailwind css npm |
| Css :: add font css |
| Css :: css flip text |
| Css :: add cursor to html button |
| Css :: best box shadow css |
| Css :: apply style to second child div |
| Css :: awesome font google icon colored css |
| Css :: top left right bottom css shorthand |
| Css :: line spacing css |
| Css :: wrap a span |
| Css :: css center text |
| Css :: html glow on hover |
| Css :: css put span on new line |
| Css :: scroll start from bottom css |
| Css :: Scroll background still |
| Css :: css text gradient |
| Css :: css darkmode |
| Css :: how to stretch picture with website css |
| Css :: ie11 flex 1 |
| Css :: css keep div at bottom of screen when scrolling |
| Css :: black gradient background effect |
| Css :: css add shade over background image |
| Css :: color code green |