HTMLの字下げ

Question

添付文書のように字下げをしたい。私は試しました

<style type="text/css"> 
.tab { margin-left: 40px; } 
</style> 

echo "<strong> Introduction: </strong> 
<p class='tab'> 
This is the introduction. This is the introduction. This is the  introduction. This is the introduction. This is the introduction. This is the introduction. This is the introduction. This is the introduction. This is the introduction. 
</p>"; 

enter image description hereしかし、望ましい出力は得られません。私は別のパラグラフを望んでいません。助けてください。

Answer 1

強い要素には浮動小数点を置き、p要素には余裕をもたせます。これは強い要素のテキスト幅と同じかそれ以上でなければなりません。

<style type="text/css"> 
 
.tab { margin-left: 100px; } 
 
strong {float:left;} 
 
</style> 
 

 
<strong> Introduction: </strong> 
 
<p class='tab'> 
 
This is the introduction. This is the introduction. This is the  introduction. This is the introduction. This is the introduction. This is the introduction. This is the introduction. This is the introduction. This is the introduction. 
 
</p>