http://codepen.io/TimothyGoncharov/pen/XMJEOV

какая задача?

http://codepen.io/TimothyGoncharov/pen/XMJEOV

Названия классов ужасные

переименуй как правильнее

задача состоит в том что бы inpute и base прилипли к тексту сверху

да

покажи код)

что там показывать)

top

кнопке задай vertical-align: top;

когда задаешь элементу display: inline-block; ,так сразу нужно задавать vertical-align

спасибо тебе большое

?

=)

Ребят, покажите мне человека, который учит вас располагать блоки горизонтально через display: block?

?

Просто уже не первого вижу, кто так делает

Ребят, не делайте так

Нужно вертикально блоки распологать? )

Делайте только в том случае, если по другому никак

ну давай пример что-ли

Нужно вертикально блоки распологать? )

Есть другие методы более правильные

я как-то мало понимаю о чем ты

float:left

+

Я тоже

flex'ы

float:left

margin: 0 auto

не?

Он наверное о том что бы блоки вообще не распологать

лучше на завод

?

Эм...

^

ну давай пример что-ли

float:left

эм,так люди сами так учатся

пример сделай как не надо

ты предлагаешь флоаты вообще не изучать?

Флоаты нужно изучать

они ещё используются в тексте

для обтекания текста вокруг картинки

слился паренек

Да ладно, мб чёт и годное кинет

и заодно,вдруг потребуется поддержка древних браузеров

да и флоаты легки в понимание

можно сначала их освоить

а потом уже флексы осваивать

http://codepen.io/anon/pen/dvPeyr

были б флексы так просты...

Я про то, что нельзя юзать inline-block для такого

эм,почему?

Можно float, а если умеешь, то флексы

мм и что такого в примере?

эм,почему?

Codepen открыл?

открыл,и?

в чом прекол?

Хуже же не стало

Теперь кто скажет, откуда зазор между ними?

padding

margin

Я вам говорю, как правильней, вы мне своё втираете. Если вам не интересно, то не слушайте

Вообще-то никаких отступов там нет

Стой)

рассказывай))

А теперь показать, как убрать этот зазор?

ERROR: S client not available

хм

погоди-ка)

я надеюсь,что это не float: left;?

я надеюсь,что это не float: left;?

Не, я даже стили не поменяю, а зазор уберу

ну щас попробую...

Пока отойдём от этого. Вы делаете вёрстку. Разве вы будете расчитывать на этот зазор? И кто знает сколько он в ширину?

люди, привет! я в верстке профан, помогите пожалуйста, кто силен

Могу дать подсказку, что это за зазор и откуда он берется

люди, привет! я в верстке профан, помогите пожалуйста, кто силен

Что именно интересует?

люди, привет! я в верстке профан, помогите пожалуйста, кто силен

http://thehostbest.ru/dowload/%D0%91%D0%BE%D0%BB%D1%8C%D1%88%D0%B0%D1%8F%20%D0%BA%D0%BD%D0%B8%D0%B3%D0%B0%20CSS3.pdf

Пока отойдём от этого. Вы делаете вёрстку. Разве вы будете расчитывать на этот зазор? И кто знает сколько он в ширину?

Хм,я даже не знал об этом зазоре раньше

меня эти зазоры бесят постоянно

Рассказать, что это за зазор?

Ну го

Минуту)

https://css-tricks.com/fighting-the-space-between-inline-block-elements/

можешь не говорить

А тебя никто не просил кидать ссылку

в хроме включаю десктоп вот тут и пропадает Y scroll у элемента. В чем косяк, подскажите пожалуйста!

А тебя никто рот не просил открывать

А тебя никто не просил кидать ссылку

рассказывай)

margin-left: -.36em

Увидел эту фичу

Я опытом делюсь не для того, чтобы здесь такие приходили и ссылку кидали

Это символ клавиши Enter

и сразу сюда полез

мол так не надо не надо

Всё, завались

Так вот, есть 2 способа убрать этот зазор

рассказывай)

я выше скинул линк

1) Писать все блоки в одну строку