html - 段落に「テキストインデント」を適用する方法は?

Question

css を使用した "text-indent" に問題があります。3 行以上の段落が必要で、最初の 2 行に "text-indent" スタイルを適用し、残りの行は次のようになります。通常のアライメント。CSSを使用してみましたが、期待した結果が得られなかったので、誰か助けてください。前もって感謝します。

Answer 1

float:leftこれを実現するために疑似要素を使用できます

p:before
{
    content: '';
    display:inline-block;
    width: 20px;
    height: 30px; /* however much you need for 2 lines */
    float:left;
}

フィドル

Answer 2

<p class="indent">This is the first line.</br>
   This is the second Line
<p/>
<p>Those are other header or text or p or something else</p>

CSS

.indent {
   text-indent:50px;
}