Hvordan lage en Run-In Overskrift med CSS

Hvis du ønsker å lage en opptreden der overskriften på begynnelsen av et avsnitt ser ut til å kjøre inn i avsnitt - er det mulig med CSS.

Bruksanvisning

1

Observer forskjellen mellom en vanlig blokk nivå overskrift og en run-in overskriften.

2 Opprett CSS-klasse som du vil bruke for å gjøre både overskriften og avsnitts skjermen på samme linje. Normalt overskrifter og avsnitt er blokk nivå elementer og vise på egne linjer.

Bruke eiendommen display: inline i klassen regelen. Ring klassen noe logisk som .runin. Slik regelen ville se i CSS.
.runin {

display: inline;

}

3

Påfør klassen til både overskriften og avsnittselementer. Se bildet for HTML.

4 Fordi CSS-regel er en klasse, kan du bruke den til en rekke overskrifter og avsnitt.

5 Du kan gjøre flere regler for klassen "runin" som vil påvirke utseendet av farge, font, padding og andre CSS egenskaper.

Hint

• Det er en CSS-skjerm eiendom, display: innkjørt, men ikke alle nettlesere støtter det ennå.