Egy blokk (doboz, block) elem, mindig új sorban kezdődik, mindig elfoglalja a rendelkezésre álló szélességet, és lehet neki alsó és felső margója.
A leggyakoribb blokk elemek: <p>, <h1> ... <h6>, <div>, <ol>, <ul>, <li>, <table>, <hr>, <pre>
Az inline elemek ezzel ellentétben soha nem kezdődnek új sorban, csak akkora szélességű helyet foglalnak el, mint amit a tartalmuk megkövetel. (A szélesség és magasság értékek megadásának nincs hatása.) A leggyakoribb inline elemek: <a>, <img>, <span>, <sub>, <sup>, <b>, <i>, <u>, <input>
Ezeket a tulajdonásgokat meg lehet változtatni a display érték megadásával. Az <img> egy ún. helyettesített elem. Ez azt jelenti, hogy amíg nem adjuk meg a konkrét képet, amit be kell tölteni, meg kell jeleníteni, addig a szélesség és magasság értékek megadását a böngészők nem veszik figyelembe.
position: static;
border:
border-radius:
box-shadow:
background:
width:
height:
padding:
margin:
text-align:
color:
