Hvordan å behandle en blokk med tekst i HTML som Non-knuselig

HTML har to hovedklasser av elementer: inline og blokk. Inline-elementer, for eksempel et sitat, et bilde eller en lenke, vil stable ved siden av hverandre før de fyller opp en side. For eksempel, vil bildene ordne seg side om side på skjermen med mindre du plassere dem inne i en blokk element, for eksempel et avsnitt eller en avdeling. Block elementer inneholde elementer som tekst, eller til og med innebygde elementer som bilder, og vil strømme ned siden fra topp til bunn; de vil ikke arrangere side om side med mindre du tvinge dem til med kolonner.

Bruksanvisning

1 Plasser tekstblokk inne i et avsnitt element ved å plassere en "<p>" tag foran teksten og et "</ p>" tag når teksten er ferdig. Denne inneholder teksten i et avsnitt, som vil hindre et element fra å bli plassert ved siden av det med mindre du målbevisst plassere teksten i en kolonne.

2 Flytt enhver ikke-tekstlig element, for eksempel bilder eller regler, utenfor avsnitt element ved å flytte den utenfor "<p>" og "</ p>" koder. Inline-elementer kan sitte inne avsnitt og forstyrre flyten i teksten med mindre du flytter dem utenfor avsnittet beholderen.

3 Plasser en divisjon container rundt den delen av teksten, og rundt bilder og andre elementer som går med teksten, ved å plassere en "<div>" tag rundt dem og slutter med en "</ div>" tag. Divisjonen vil inneholde elementer og låse dem på plass på formatering slik at elementene vil alltid vises sammen på skjermen.