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
}

Answer 2

このコードを使用する

HTML

<div class="div1">
qqqqqqqqqqqqq<br>
qqqqqqqqqqqqq<br>
qqqqqqqqqqqqq<br>
qqqqqqqqqqqqq<br>
qqqqqqqqqqqqq<br>
qqqqqqqqqqqqq<br>
qqqqqqqqqqq<br>
qqqqqqqqq<br>
qqqqqqq<br>
qqqqq<br>

</div>

CSS

.div1{
width:150px;
height:200px;
background:#eaeaea;
text-align:right
}

こちらのデモを確認してください

Answer 3

div は長方形です。を使用するかtext-align: right;、nbsp を配置してコンテンツを押し込むか、他の div を使用して領域を埋める必要があります。

text-align: right;テキストが右にフラッシュされているため、あなたの例はにぴったりのようです。