16 април, 2012

Justify single/last line of text.

Подравняване на текст и от двете страни (justify) на последния ред от текста. Бях близо да открия топлата вода :)

HTML:
<h1 id="banner">How to justify a single line of text with css<span> &nbsp; </span></h1>

Обърнете внимание на двата интервала около &nbsp;


CSS:
h1#banner {  border: 1px solid #666;  display: block;  width: 100%;  height: 1em;  font-size: 1em;  line-height: 1em;  margin: 20px auto;  padding: 0px ;  text-align: justify ;}
h1#banner span {  font-size: 1px ;  word-spacing: 1000px;}

Няма коментари: