.div-vertical{
writing-mode: vertical-lr;
transform: rotate(180deg);
min-width: 20px;
}
writing-mode: vertical-lr;<!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 :: css vertical align items in div |
| Css :: html scrollable without scroll bar |
| Css :: console.log with color font |
| Css :: linear-gradient(top to bottom) |
| Css :: why tr border not showing |
| Css :: remove border select css |
| Css :: span wrap html |
| Css :: css circle border |
| Css :: center anything horizontally and vertically in CSS |
| Css :: change size of bullet point css |
| Css :: css keep image ratio |
| Css :: remove button default border css |
| Css :: media query all devices |
| Css :: flex center |
| Css :: css variables |
| Css :: how to make a division center css |
| Css :: size carousel bootstrap 4 |
| Css :: vertical-align tablerow |
| Css :: how to make background more darker with css |
| Css :: css not last of type |
| Css :: ngx-charts css |
| Css :: scroll tbody fixed thead |
| Css :: white rgb color |
| Css :: css blur background behind div |
| Css :: antd css |
| Css :: mysqli check if delete was successful |
| Css :: center div content |
| Css :: green hex code |
| Css :: css first h element |
| Css :: flex direction |