Konsistente Ausrücken des ersten Briefes mit CSS?

Question

Ich versuche, ein Ausrücken des ersten Buchstaben des ersten Absatzes des Körpers Text zu implementieren. Wo ich bin stecken in Einklang Abstand zwischen dem ersten Buchstaben und dem Rest des Absatzes zu bekommen.

Zum Beispiel gibt es einen großen Unterschied in dem Abstand zwischen einem „W“ und einem „I“

Wer irgendwelche Ideen, wie man die Unterschiede zu mildern? Ich würde eine reine CSS-Lösung bevorzugen, wird aber auf JavaScript zurückgreifen, wenn es sein muss.

PS : Ich bin nicht unbedingt müssen Kompatibilität in IE oder Opera

Answer 1

Wenden Sie diese auf p.outdent:first-letter:

margin-left: -800px;
padding-right: 460px;
float: right;

Dies wird den ersten Buchstaben auf der rechten Kante des Absatzes positionieren, dann schieben sie es die Breite des Absatzes von mehr oder weniger links, dann bewegen sowohl den Brief und alle Polster in die große negative Marge des Schwimmers so den Absatz den Rand passt und versucht nicht, um zu wickeln.

Answer 2

Ich habe versucht, einen Fix-Breite-Schriftart wie ‚Courier New‘ verwenden und da die Charaktere sind mehr oder weniger die gleiche Breite es machte viel weniger bemerkbar.

Bearbeiten - diese Schrift ist in Ordnung, aber vielleicht nur für Windows arbeiten

p.outdent:first-letter {
    font-family: ms mincho;
    font-size: 8em;
    line-height: 1;
    font-weight: normal;
    float: left;
    margin: -0.1em 0 0 -.55em;
    letter-spacing: 0.05em;
}