Wie zeichnet man eine horizontale Linie auf der rechten Seite des Labels vertikal zentriert

Kann ich so etwas mit CSS?

Hatte ich eine Idee mit text-Dekoration , aber es ist immer ein problem mit text-Länge. Kann ich etwas tun, dass mit nur einem html-element?

http://i.stack.imgur.com/G5NXA.png

Siehe diese Frage die Antwort: stackoverflow.com/questions/8909888/...

InformationsquelleAutor user1240009 | 2012-02-29

  1. 3

    Diese Antwort angewendet zu deiner Frage:

    HTML

    <div id="line"><span>TEXT</span></div>​

    CSS

    #line{
    border-bottom: 1px black dotted;
    overflow:visible;
    height:9px;        
    margin: 5px 0 10px 0;
}
#line span{
    background-color: white;        
    padding: 0 5px;
}​

    jsFiddle demo: http://jsfiddle.net/EX3qa/2/

    super Idee, ich muss nur Kraft smartgwt generieren diese html:)

    InformationsquelleAutor stealthyninja

  3. 1

    Es ist nicht allzu hübsch, aber http://jsfiddle.net/csswizardry/34bBd/

    Verwendet, ein element, nicht verlassen auf hard-codierte zahlen, perfekt wiederverwendbar.

    Hey, Super Antwort. Ist es jedoch möglich, hinzufügen Polsterung an der rechten Seite des Wortes, so dass die Linie beginnt nach ein paar Leerzeichen?

    InformationsquelleAutor csswizardry

  4. 0

    Ich glaube, Sie sollten fieldset mit Legende tag. und entfernen Sie die Zeilen, die Sie vielleicht nicht brauchen. wie Links und rechts-Taste. (oder stellen Sie die Farbe weiß oder transparent)

    InformationsquelleAutor Fury

Schreibe einen Kommentar