div要素内のさまざまな領域にテキストを挿入するにはどうすればよいですか？

Question

これに対する解決策は本当にシンプルですが、私の脳は今日の仕事から揚げられていると思います。基本的に、divボックスの周りのさまざまな場所にテキストを配置するにはどうすればいいですか？左上の単語と右下の単語ありがとう。

Answer 1

利用のdiv内のラベルまたはその他の各コーナーのCSSを作成したテキストは、独自のDIV /スパンの/ etcに各テキストに応じて

Answer 2

場所を置くことができるので、ラベルにそのCSSを適用必要に応じて配置します。 2）divの `の位置を確認します1）スパンにテキストを折り返す：

div{ 
 
    position: relative; 
 
    border:1px solid black; 
 
    height:5em; 
 
    width: 50%; 
 
} 
 
.tl{ 
 
    position: absolute; 
 
    top:5px; 
 
    left:5px; 
 
    height:1em; 
 
    border-color: #f00; 
 
    width:auto; 
 
} 
 
.br{ 
 
    position:absolute; 
 
    bottom:5px; 
 
    right:5px; 
 
    height:1em; 
 
    border-color: #0f0; 
 
    width:auto; 
 
}

<div> 
 
    <div class="tl">top left</div> 
 
    <div class="br">bottom right</div> 
 
</div>