Skip to main content
CSS is fun and cool and I like it.
Article

Building Multi-Directional Layouts

There are some new features in CSS that can assist us with building layouts for different directions and languages with ease. This article is about CSS logical properties and values (e.g. margin-inline-start).  These are a W3C working draft that still going under heavy editing, but have shipped in many browsers. I want to talk about this because I’ve been using these properties for a little while and have seen a significant boost to my workflow after switching to them.… Read article

Link

CSS Writing Modes

Snippet

Text Rotation

If what you are looking for is a way to set type vertically, you're best bet is probably CSS writing-mode.

If you're just trying to turn some text, you can rotate entire elements like this, which rotates it 90 degrees counterclockwise:

.rotate {

  transform: rotate(-90deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  
Read article