0

次のようなテキストの段落があります。

<p>

&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp; In this respect, the conceptual structure of the Act is something like a pyramid. The pyramid shape illustrates the way the income tax law is organised, moving down from the central or core provisions at the top of the pyramid, to general rules of wide application and then to the more specialised topics.

</p>

現時点では、次のようにレンダリングされます。

                   この点で、法律の概念構造はピラミッドのようなものです。ピラミッドの形は、所得税法がどのように構成されているかを示しており、ピラミッドの頂点にある中心的または中核的な規定から、広く適用される一般的な規則、そしてより専門的なトピックへと下降しています。

私はそれを次のようにレンダリングしたい:

                   この点で、法律の概念構造は、
                   ピラミッド。所得税法のあり方を示すピラミッド型  
                   組織化され、最上位の中心的または中核的な条項から下に移動する
                   ピラミッド、広く適用される一般的な規則、そしてさらに多くの規則へ
                   専門的なトピック。

CSSのみ使用！

裏話

Markdown ファイルを HTML に変換しています。これらのファイルはソース管理にあります。&ensp;Markdown ファイルは、 charsを使用して既にインデントされています。また、コミットログをきれいにしたいので、それぞれ<p>を1行にまとめたいと思います。

編集

以下は、Markdown ドキュメントの 1 つからのセクションの要点です: https://gist.github.com/vjpr/5378401

基本的にはしたい

  • Markdown ドキュメントでインライン html を使用しないようにします。
  • Markdown ドキュメントを GitHub でインデント付きで表示できるようにします。
  • カスタム スタイルシートを使用して同じ Markdown ドキュメントを表示できるようにし、表示されているように最初の非空白文字と同じレベルのインデントで段落を折り返します。
4

1 に答える 1

2

padding-left と負の text-indent を組み合わせて使用​​できます。

p{
    padding-left:18em;
    border: 1px solid black;
    text-indent :-9em;
}

フィドルの例: http://jsfiddle.net/NzUtM/1

必要に応じて、パディングとインデントを自由に調整してください。

于 2013-04-13T12:54:13.800 に答える