Einem umrandeten div einen Text im border hinzufügen

[Matthias Scharwies]

Servus!

Moin,

in meinem Geneology-Projekt habe ich Rechtecke mit border. Nun möchte ich das Rechteck mit einem Text im border markieren (Mutter, Vater, Opa, ...), aber die Hintergrundfarbe #fff wird nicht akzeptiert, warum nicht?

  .E1:before {
    position: absolute;
    display: block;
    font-size: 80%;
    left: .5em;
    top: -.5em;
    color: #88f;
    content: " Mutter ";
    background: #fff ! important;
  }

Es müsste eigentlich !important; heißen. Der Firefox akzeptiert bei mir auch das Leerzeichen, wenn ich einen Farbnamen verwende.

Bei #fff ! important;steigt er aus!

Herzliche Grüße

Matthias Scharwies