Az alábbit lehet css-el úgy formázni, hogy a két szó között sortörés legyen? <h1>szó1</h1><h2>szó2</h2>

Nem kell sortörés. Asszem:

h1, h2 {

display: block;

}

Ha a két szó között sortörést szeretnél, akkor <br> tag et használj. Viszont figyelj, mert a <br> tagnek jelentése is van. Akkor használjuk, amikor egy bekezdésen belül szeretnénk olyan sortörést, amely nem csak vizuálisan, hanem jelölésben is jelen van. Azaz, például arra használhatjuk, hogy a versek bekezdéseiben(versszakaiban) lévő sortöréseket, illetve a postai címek sortöréssel való tagolását tiszteletben tartsuk. Amennyiben a "sortörésnek" nincs jelentősége, vagyis lényegében csak vizuális elkülönülésről van szó, akkor CSS-el kell szabályoznod ezt. Amennyiben valamilyen logikai alapja is van a tagolásnak, akkor használhatod a megfelelő szemantikus tag-et, vagy ha nincs ilyen, akkor egy div-et.

A div stílusozása úgy, hogy vizuálisan új sorba kerüljön az őt követő elem:

display: block;

A h1 és h2 tagek egyébként alapértelemezetten minden böngészőben kikerülnek a szövegkörnyezetből, vagyis nem kerülnek egy sorba a környező szöveggel. Ezek nem betűméret állítására, hanem a címsorok hierarchiájának jelölésére valók.