alignment of <input>-s and their pseudo-elements

Good day.

<label> are always directly side-by-side to <input>,
for which <label> is intended.
Let browser understand properties 'text-align' and 'vertical-align'
for pseudo-elements ::before and ::after
(and ::above and ::below in addition to them)
_separately_ from understanding these properties for <input>-s !
Thus <input>-s and their pseudo-elements will be in two parallel line
like inside table ... without <table> !

Tail is to use value of @alt as content of pseudo-elements.

input {
  text-align: left;
}
input::before {
  text-align: left;
  content: attr(alt);
}



Dmitry Turin
HTML6     (6.1.2)  http://html60.chat.ru
SQL4      (4.1.2)  http://sql40.chat.ru
Unicode2  (2.0.0)  http://unicode2.chat.ru
Computer2 (2.0.3)  http://computer20.chat.ru

Received on Friday, 13 July 2007 12:54:12 UTC