Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>测试CSS text-combine 纵横混排 by 一丝</title>
</head>
  <style>
    .text-combine{
      -ms-text-combine : horizontal;
      -webkit-text-combine : horizontal;
      text-combine : horizontal;
    }
    p{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    *writing-mode: tb-rl;/* IE 写法 */
      border:1px solid #333;
      padding-left: 50px;
      height:11em;
    }
  </style>
<body>
  <h1>测试CSS text-combine 纵横混排(请用 Chrome 浏览)</h1>
  <p>平成<span class="text-combine">20</span><span class="text-combine">4</span><span class="text-combine">16</span>
  </p>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers