要将文档内容横向打印在页面上，可以使用CSS中的`@media`和`rotate`属性来实现。
首先，在CSS中使用`@media`创建一个针对打印设备的样式规则，并将页面旋转90度，使其横向打印。示例代码如下：
```css
@media print {
@page {
size: landscape;
margin: 0;
}
body {
transform: rotate(-90deg);
transform-origin: left top;
width: 100vw;
overflow-x: auto;
position: relative;
top: 100vh;
margin: 0;
}
}
```
然后，在HTML中引入这个CSS文件：
```html
```
当用户选择打印页面时，浏览器会根据`media`属性选择合适的样式规则，从而实现文档内容的横向打印。
需要注意的是，使用这种方法打印横向文档可能会导致页面布局的一些问题，例如文本换行、表格宽度等。可能需要在打印样式中进行一些调整和优化，以适应横向打印的特殊布局要求。
