[HTML/CSS]Leerzeichen an Zeilenanfang

[malo]

Wie kann man in HTML an den Zeilenanfang Leerzeichen setzen?

Wenn ich einfach Leerzeichen dahin setze, wird das leider ignoriert

[Wuaegner]

[malo]

Ah, danke

[moritz]

Oder du machst es so:

Code:

<div style="margin-left: 7px">Dein Text</div>

Alternativ gäbe es auch noch

Code:

<div style="padding-left: 7px">Dein Text</div>

Kommt im Prinzip auf's gleiche raus, kommt halt drauf an, was du brauchst. Ich würde zur Margin-Lösung raten.

Gruß

[Garfield]

Dann könnte man noch den <pre> Tag für vorformatierten Text anführen.
http://de.selfhtml.org/html/text/praeformatiert.htm

[malo]

Zitat von Garfield:

Dann könnte man noch den <pre> Tag für vorformatierten Text anführen.
http://de.selfhtml.org/html/text/praeformatiert.htm

Wunderbar! Genau das ist es, war nämlich auch für Quellcode gedacht

[moritz]

Dann solltest du es aber nach der neuen Spezifikation machen:

Code:

...

<style type="text/css">
  .codebox {
    border:           1px solid #000000;
    background-color: #F2F2F2;
    white-space:      pre;
    font-family:      Courier New, Courier, Cursive;
    font-size:        9pt;
  }
</style>

...

<div class="codebox">Dein Code</div>

...

(Sollte Funktionieren, ist aber nicht getestet)

Damit erreichst du das gleiche, allerdings nach XHTML-Spezifikation. (<pre> ist AFAIK veraltet.)

Gruß, Moritz

[malo]

Da werden aber die Zeilenumbrüche nicht automatisch gesetzt

[moritz]

Schau das bei dir korrekt aus? Also eingedrückt?
Edit: Versuch's mal mit p statt div. Und wie schaut das Ergebnis denn aus? URL?

[malo]

Ich hab das nur lokal auf meiner Festplatte, aber ich hab folgenden Code:

Code:

<p class="code">
program HalloWelt;

{$APPTYPE CONSOLE}

uses
  SysUtils;

begin
  WriteLn('Hallo Welt!');
  ReadLn;
end.</p>

Der wird nicht eingerückt angezeigt. Im Firefox wird die Seite von Selfhtml richtig angezeigt (eingerückt). Allerdings hab ich nicht wirklich Lust, jetzt darum zu streiten, wie man das ohne den <pre>-Tag lösen kann, da ich damit 100% zufrieden bin.