Jquery 侧边有文本的HTML5框架-非字段集/图例

我正在构建一个引导基础站点，在这里我试图创建一个框架，并在框架的左侧附加文本（请参见附加的草图图像在MS paint中完成）。到目前为止没有用

我尝试使用字段集和图例，并且能够在图例中的字段集顶部创建标题，但我无法旋转图例使其位于我想要的一侧。此外，fieldset/legend解决方案在IE中无法正常工作，因为legend无法控制地四处飞行

因此，我想知道你对如何实现这一目标有何想法

我曾考虑将它们的框架和文本作为背景的一部分，但当我上下缩放浏览器窗口时，一切看起来都会非常混乱

期待听到你的想法。提前谢谢你，祝你度过愉快的一天

---

试试这个

---

你能为同样的目的提供JSFIDLE吗？试试看，它可能会对你有所帮助。

<div class="outerDiv">
        <div class="innerDiv">Example text here</div>
    </div>

.innerDiv{
    color: green;
    font-size: 15px;
    left: -65px;
    position: absolute;
    top: 54px;  
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg);  
    -o-transform: rotate(-90deg);   
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}