Miten hötömölöllä saa pystysuoran viivan? Tai vaakasuoran?

(X)HTML on www-sivun rakenteen kuvaukseen käytetty kieli, joten käsitettä "viiva" ei ole sen piirissä olemassa. Nettisivulle voi tehdä viivoja CSS:llä tai sijoittamalla dokumenttiin kuvia img-tagilla.

Kahden tekstikappaleen väliin voi tehdä vaakasuoran viivan näin:

Koodi: Valitse kaikki

<p style="border-bottom: 1px solid black;">Ensimmäinen kappale.</p>
<p>Toinen kappale.</p>

Pystysuora viiva kahden divin väliin:

Koodi: Valitse kaikki

<div style="border-right: 1px solid black; float: left;">Tekstiä.</div>
<div style="float: left;">Lisää tekstiä.</div>

XHTML:ssä ja HTML:ssä on myös hr-tagi, joka näkyy useimmissa selaimissa vaakasuorana viivana.

tseitsei kirjoitti:XHTML:ssä ja HTML:ssä on myös hr-tagi, joka näkyy useimmissa selaimissa vaakasuorana viivana.

Tuo viivahan on itseasiassa nelikulmio, jonka korkeutta ja leveyttä voidaan muuttaa. Eli siitä saa pystysuoran tai vaakasuoran viivan.

Tossa lisää opastusta <hr> -tagista: http://personal.inet.fi/koti/petri.vuor ... iivat.html