Почему кнопки разные? Очередной мего-вопрос.)

[logicface]

Всем привет, снова я со своими дурацкими вопросами.=D

 

Почему кнопки разные: http://jsfiddle.net/LW5kU/6/

 

Конкретнее - почему те кнопки у которых есть float прижаты к верху и если их проинспектировать то мы увидим четкую границу line-height (выделена синим), а элементы без float не прижаты к верху и при их инспектировании line-height  будто равен базовому значению а не 3. А еще, почему первые 2 кнопки игнорируют значения padding и margin именно вверху и внизу, по бокам то они отталкиваются.=)

 

И главный вопрос забыл - почему 2ая кнопка во много раз меньше размером чем последняя. Они различаются только тем, что у последней есть float.

Edited July 17, 2014 by logicface

[npofopr]

Потому что это не кнопки, а ссылки.

Посмотрите за состоянием ссылки без float, какое она принимает display и при float'е. Увидите два различия.

 

И вам же буквально вчера давали ссылку на большую серию статей по Инлайнам. Там вся суть. + по статьям они выпустили целую книгу. На том же сайте она есть http://css-live.ru/articles/obzor-inlajnovyj-kontekst-formatirovaniya.html

[logicface]

Спасибо большое, изучать по тиху начал.