Come creare un run-in di direzione con i CSS

October 15

Se si vuole creare un aspetto in cui l'intestazione all'inizio di un paragrafo sembra correre in punto - è possibile con i CSS.

istruzione

1 Come creare un run-in di direzione con i CSS

Osservare la differenza tra un normale titolo a livello di blocco e un titolo di run-in.

2 Creare la classe CSS che verrà utilizzato per fare sia l'intestazione e il display paragrafo sulla stessa linea. Normalmente, intestazioni e paragrafi sono elementi a livello di blocco e la visualizzazione su proprie linee.

Utilizzare la proprietà display: inline nel vostro dominio di classe. Chiamare la classe qualcosa di logico come .runin. Ecco come la regola apparirebbe nel CSS.
.correre in {

display: inline;

}

3

Applicare la classe sia per l'intestazione e gli elementi di paragrafo. Vedere l'immagine per il codice HTML.

4 Perché la regola CSS è una classe, è possibile applicare a una serie di intestazioni e paragrafi.

5 È possibile effettuare ulteriori regole per la classe "runin" che interesserà l'aspetto del colore, font, imbottitura e altre proprietà CSS.

Consigli e avvertenze

  • C'è una proprietà CSS display, Display: run-in, ma non tutti i browser supportano ancora.