Html 旋转文本的行为很奇怪

我希望实现以下目标：

但是有几个伤口在流血：

• 无法关闭顶部的

  #div1

• 无法为

  #div2

  提供dinamic大小（%）值，如

  h3

  和

  h4

到目前为止，我能做的是：

html代码：

<ul>
  <li>
    <div id="div1"> 
      <h3> Title </h3>
      <h4> SubTitle </h4>
    </div>
    <div id="div2"> 
      ...
    </div>
  </li>
  <li> 
    ...Same...
  </li>
  ...
</ul>

标题
字幕
...


……同样。。。

...

我认为我不能做到这一点的根本原因是旋转的文本。有人能指导我如何处理这个问题吗

提前谢谢

HTML

---

看。

我不知道我是否理解正确，但这就是你想要的吗

---

发现了这一点，您所说的“不能为#div2提供dinamic（%）值”是什么意思？对不起，我更正了它。我指的是尺寸（宽度、高度）。谢谢。如果我在

和

中放置空格，则不会调整空格的大小，而是将所有单词放在同一位置。

和

问题通过

空白区解决：nowrap谢谢，但它的问题与@rink.attendant.6的答案相同。尝试在旋转的文本中添加更多文本。它将把所有文本放在彼此的顶部如果文本太长，则会将其放在
#div1
下的
#div2
中。
<div id="outer">
    <div id="inner"> <div>
        <h3>text</h3>
        <h4>text2</h4>
      </div>

    </div>
    <div id="inner2">Other text...</div>
</div>