CSS-second-line-Einzug funktioniert nicht

Seite in Frage: http://www.rjlacount.com/public/lander/

Ich bin wohl einfach etwas dumm, aber ich versuche Einrücken der zweiten Zeile umbrechen von text in das Formular (mit "Ihr Konto: [email protected]" an der Spitze) und ich kann nicht scheinen, um alles zu erhalten zu arbeiten.

Ich würde denken, die Lösung ist:

form span {padding-left:1.5em;text-indent:-1.5em;}

aber dies scheint nur zum Einrücken der ersten Zeile eines jeden Abschnitts.

Anderen Blick auf diesem würde sehr geschätzt, danke!

  • Das wird nicht funktionieren. Sie haben auf jeder position radio-box und der text oder setzen Sie jede in einen schwimmenden container.
InformationsquelleAutor R.J. | 2011-06-09
  1. 10

    Wenn das element inline-es wird der Einzug der ersten Zeile, sonst wenn es ein block-element wird es Gedankenstrich der rest der Zeilen, die wie Briguy37 sagte, denn das ist der Unterschied zwischen DIV und SPAN.
    Ich wollte nur klar heraus, dass es ist nicht ein "problem mit span".

    • Das macht Total Sinn, danke für die Erklärung.
    InformationsquelleAutor Omer
  2. 3

    Aus irgendeinem Grund, das funktioniert mit einem DIV, aber nicht mit einem SPAN. Nicht wirklich sicher warum, aber hier's eine Geige mit dem gleichen CSS-Code für beide.

    • Komisch. Danke für die Antwort. Verpackung jede Eingabe in ein <p> - tag funktioniert auch. Scheint ein bisschen seltsam, aber es funktioniert.
    • <span> ist inline standardmäßig, während <div> und <p> sind standardmäßig sperren. Ich habe es nicht ausprobiert, aber ich Wette, wenn Sie display:block auf der span-und display:inline auf die div, Sie werden umkehren die Einrückung Verhalten. 😉
    • Yep. Danke für die Erklärung!
    InformationsquelleAutor Briguy37
  3. 2

    überspannt behandelt werden als inline-Elemente.

    Man Sie als eigentliche Zeichen hilft zu konzipieren die änderungen. Ein Raum nach einer Zeitspanne beibehalten, weil es wie ein Leerzeichen zwischen den Zeichen. Passen Sie die Höhe durch line-height anstatt einfach nur die Höhe. etc etc

    In der Regel, wenn diese ein problem verursacht, können Sie einfach ein div und setze display:inline-block; wenn Sie die horizontale Ausrichtung.

    InformationsquelleAutor imamerican
Schreibe einen Kommentar