html - 左下角为空的不规则 div

Question

我想制作一个 div，我将在其中放置文本。 Div 应如下所示:

qqqqqqqqqqqqq
qqqqqqqqqqqqq
qqqqqqqqqqqqq
qqqqqqqqqqqqq
qqqqqqqqqqqqq
qqqqqqqqqqqqq
  qqqqqqqqqqq
    qqqqqqqqq
      qqqqqqq
        qqqqq

我不想在左下角看到文本，但是使用 text-align: left; 它应该看起来像我的示例。

Answer 1

这样试试

HTML

<div>
    <div>qqqqqqqqqqqqq</div>
    <div>qqqqqqqqqqqqq</div>
    <div>qqqqqqqqqqqqq</div>        
    <div>qqqqqqqqqqqqq</div>    
    <div>qqqqqqqqqqqqq</div>
    <div>qqqqqqqqqqqqq</div>
    <div>qqqqqqqqqqq</div>
    <div>qqqqqqqqq</div>    
    <div>qqqqqqq</div>
    <div>qqqqq</div>        
</div>

CSS

div
{
text-align:right
}