使用CSS3中的transform属性中的rotate()函数可以实现图形围绕中心旋转。rotate()函数接受一个参数，表示旋转的角度，单位为度数，正值表示顺时针旋转，负值表示逆时针旋转。为了让图形围绕中心旋转，需要先将图形的位置移动到中心点，可以使用translate()函数实现。
例如，将一个div元素围绕中心旋转45度，可以在CSS中设置：transform: translate(-50%, -50%) rotate(45deg)。
其中，translate(-50%, -50%)将元素向左上方移动了一半的宽度和高度，使其的中心点与元素本身的中心点重合，然后再对其进行45度的旋转。
可以使用CSS中的浮动属性通过将竖着的文字沿着X轴旋转90度或270度来实现横着显示。具体操作步骤如下：
width: 20px; // 宽度和高度根据需要进行设置
transform: rotate(90deg) // 旋转90度或者270度，根据需求设置，可以实现横着显示
注意：在IE8及以下的浏览器中不支持`transform`属性，在使用时需要做兼容性处理。
3. 最后，在该容器中加入需要进行旋转的文字内容。
以下是一个完整的示例代码：
这样，就可以将竖着的文字横着显示出来了。如果需要将文字旋转270度或者采用其他变换方式，只需要将CSS代码中的相关属性设置相应的值即可。
1. 可以实现。浮动可以修改元素的位置，使元素脱离文档流，可以将竖着的文字通过旋转来横向显示，实现文字方向的改变。2.用 CSS 实现这个功能需要以下步骤：(1) 将竖向的文字转成行内元素，可以使用display:inline或者display:inline-block；(2) 使用float：left或者float:right将这个元素浮动到相应的位置；(3) 使用transform和rotate将文字旋转90度或270度（根据情况来决定）。3. 需要注意的是，使用浮动和旋转的同时，需要考虑文字区块的父级元素高度的自适应问题，否则可能会影响到页面的整体布局。
CSS浮动可以用来将竖排文字变为横排。原因：在HTML中，文字是无法被直接旋转的，通过CSS中的transform: rotate属性能够实现对文本的旋转，但实现竖排文字变为横排使用浮动更为方便。 通过CSS中的float布局属性，可以将多个元素横向排列，并设置不同的宽度和高度，将竖直排列的文字实现横向展示效果。同时，使用flexbox、grid布局等技术也能实现类似的效果。