CSS文字竖排

＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞
＜html xmlns="http://www.w3.org/1999/xhtml"＞
＜head＞
＜meta http-equiv="Content-Type" content="text/html; charset=utf-8" /＞
＜title＞无标题文档＜/title＞
＜style type="text/css"＞
    *{ font-size:14px;}
    .article *{float:left;}
    div.vertical_word , p.vertical_word{width:1em;}
＜/style＞
＜/head＞ ＜body＞
    ＜div class="article"＞
        ＜div class="vertical_word" style="background-color:#CFC;"＞
            文字竖排，中x国x或x进x入x高x油x价x时x代x消x费x者x将x体x味x更x直x接x冲x击！
        ＜/div＞
        ＜p class="vertical_word" style="background-color:#9FC;"＞
            文字竖排，中x国x或x进x入x高x油x价x时x代x消x费x者x将x体x味x更x直x接x冲x击！
        ＜/p＞
        ＜br style="clear:both;"/＞
    ＜/div＞
    ＜div class="other" style="background-color:#FF9;"＞
        ＜p＞中x国x或x进x入x高x油x价x时x代x消x费x者x将x体x味x更x直x接x冲x击。中x国x或x进x入x高x油x价x时x代x消x费x者x将x体x味x更x直x接x冲x击。＜/p＞
    ＜/div＞
＜/body＞
＜/html＞