Html 两个浮动div，一个文本垂直

已经摆弄了一个小时，开始失去它。基本上我想要这样的东西

我尝试使用CSS webkit transform rotate，但垂直文本将不合适（也尝试设置宽度和高度，但看起来很奇怪）

---

非常感谢您的帮助

我想这会对你有好处的。检查代码片段。 您可以使用css转换来实现这一点。只要将文本旋转90度，问题就解决了。还将

写入模式添加为
tb rl


.test
{
宽度：300px；
高度：300px；
边缘顶部：50px；
}
.垂直
{
写入方式：tb-rl；
-webkit变换：旋转（-90度）；
-moz变换：旋转（-90度）；
-o变换：旋转（-90度）；
-ms变换：旋转（-90度）；
变换：旋转（-90度）；
变换原点：100；
空白：nowrap；
显示：块；
浮动：左；
背景：#ccc；
宽度：94px；
填充物：5px；
字体大小：13px；
字体大小：粗体；
利润上限：38px
}
.正常
{
宽度：190px；
浮动：左；
背景:#555；
高度：100px；
左边距：-40px；
填充：1px；
}

你好
其他一些内容
其他一些内容
其他一些内容
一些其他内容一些其他内容
你可以发布你当前的代码吗？请你将你已经尝试过的代码（CSS和HTML）添加到问题中。如果垂直文本不可更改，那么你可以使用图像来代替。不幸的是，我已经删除了我的代码，因为我放弃了。我不想使用图像，因为目标受众是web开发人员，所以我想保持图像的整洁。是的，我确实这样做了，但正如您在示例中看到的，左侧文本与右侧文本块没有正确对齐。您到底想要什么？你能解释一下吗？我想要和图中完全一样的结果。左侧垂直文本，对齐为与右侧文本相同的高度。文本不是动态的，所以这不是一个问题，你可以随意调整字体大小，但在所有屏幕大小上都应该很好看（使用引导）。这不是我想要的100%，但很有帮助。接受它作为答案。