Hur man skapar en Run-In rubrik med CSS

April 29

Om du vill skapa ett utseende där rubriken i början av ett stycke verkar köra i punkt - det är möjligt med CSS.

Instruktioner

1 Hur man skapar en Run-In rubrik med CSS

Observera skillnaden mellan en normal blocknivå rubrik och en inkörnings rubrik.

2 Skapa CSS-klass som du använder för att göra både rubriken och punkt visas på samma linje. Normalt rubriker och stycken är blocknivåelement och visa på sina egna linjer.

Använd egenskapen display: inline i din klass regeln. Ring klassen något logiskt som .runin. Här är hur regeln skulle se i CSS.
.springa in {

display: inline;

}

3

Applicera klassen både rubriken och styckeelementen. Se bilden för HTML.

4 Eftersom CSS-regel är en klass, kan du använda den till en rad rubriker och stycken.

5 Du kan göra ytterligare regler för klassen "inskrivningszon" som kommer att påverka utseendet på färg, typsnitt, stoppning och andra CSS-egenskaper.

Tips

  • Det är en CSS display egendom, display: run-in, men inte alla webbläsare stöder det ännu.

        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2019 Astrixsoft.com | Contact us: webmaster# astrixsoft.com