Question

How I can align a text/pargaph both to left and right in HTML? Like in the office programs.

Answer 1

text-align: justify; in css

but beware: unlike in proffesional DTP applications or even in word, HTML/browser often do not play nicely with this – you might end having humongous gaps in your text, completely destroying any typogtaphy you try to achieve in your document.

Edit:

As reply to Brian, my experiences are following:

• haven’t tried % for width, because I either set width in px or not at all and let display:block; element fill whole width of parent
• text-align: justify works best with small font-size with slightly higher line-height – line-height is for readbility and smaller font size puts more characters in one line (abstract characters-per-line width), therefore gaps between words/justified text looks better
• regarding images instead of small non changing parts of text – I tend to use as few image replacement parts as possible – I have very good results with Cufón, if you learn to count with it’s cons
• I don’t advice using justified text for sidebars and one-liners – it mostly seems ugly

Edit2:
The main problem is, that browsers don’t know how to part your text (i.e. unbreakable to un-breakable) – soft hyphyen, ­ should solve this (link: soft hyphen overview), but browser support is wild at best 🙂