Hvorfor er de Marginene fungerer ikke på My HTML listen?

Ved utvikling av en webside i Hypertext Markup Language (HTML), kan du style ulike funksjoner på nettstedet ditt, inkludert lister. Lister, som inkluderer kulepunkt og nummererte, kan vises i en rekke måter ved hjelp av stilark. Hvis du, etter å designe listene, har de ikke vises som forventet, så må du sjekke koding.

Lister i HTML

Koden for lister enten bruker <ol> tag for "bestilt" lister, ellers kjent som nummererte lister, eller <ul> tag for "sorterte" lister, ellers kjent som punkter. Legge inn disse i HTML er enkelt, men det inkluderer ikke de parametere for design - de må legges inn ved hjelp av et ark Cascading Style (CSS).

Lister i CSS

Den gjennomgripende stilark er kodingen enten i en egen CSS-fil eller innenfor <head> -taggen i HTML som utpeker utseendet av ulike elementer på siden din. Listen styling kan du endre margene. Derfor, hvis du ønsker å endre marger, må du gjøre det i CSS koding.

CSS-kode

Sett inn følgende kode, enten i din CSS fil eller i CSS-koden i <head> taggene:

ul

{

margin-left: 1em;

padding-left: 0;

}

li

{

margin: 0;

padding: 0;

}

Sett de typiske "margin" parametere i her (margin, margin-top, margin-left, etc).

HTML kode

Pass på at du bruker grunnleggende HTML-kode i selve gjennomføringen, for eksempel:

<H1> List </ h1>

<Ul>

<Li> ONE 1 </ li>

<Li> TO 2 </ li>

<Li> TRE 3 </ li>

</ Ul>