ایجاد متن عمودی در CSS

برای ایجاد متن عمودی شما باید از یک فایل html و css استفاده کنید.

برای این کار در صفحه html یک تگ p قرار داده و متن مورد نظر را در آن نوشته سپس به آن کلاس css-vertical-text داده که سورس آن به شکل زیر می باشد.    

.css-vertical-text {
 color:#333;
 border:0px solid red;
 writing-mode:tb-rl;
 -webkit-transform:rotate(90deg);
 -moz-transform:rotate(90deg);
 -o-transform: rotate(90deg);
 white-space:nowrap;
 display:block;
 bottom:0;
 width:20px;
 height:20px;
 font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
 font-size:24px;
 font-weight:normal;
 text-shadow: 0px 0px 1px #333;
                  }