Банально не получается выстроить иконки в ряд. Как это сделать?

Question

[Михаил]

Что-то не идет верстка. Задавал "display: inline-block" всему, чему можно. Иконки либо исчезают, либо остаются на прежнем месте и ничего не меняется. Через float: left тоже самое. Пробовал и через список li и через div.



Сейчас код такой:

<div class="col-md-1 col-md-push-9 social">
   <div class="facebook"><a href="#"><img src="_done_job_/app/img/social/facebook.svg" alt="Фейсбук"></a></div>
   <div class="twiter"><a href="#"><img src="_done_job_/app/img/social/twitter.svg" alt="Твитер"></a></div>
   <div class="vk"><a href="#"><img src="_done_job_/app/img/social/vk.svg" alt="ВК"></a></div>
</div>

а это стили

.social {
   display: inline;
}

Header целиком

<header class="main-head">
		
		<div class="container">
			<div class="row">
				
				<div class="mnu-line clearfix">
					
					<div class="col-md-2">
						
						<a href="#" class="logo"><img src="_done_job_/app/img/logo.svg" alt="Уличная птичка"></a>

					</div>

					

						<div class="col-md-1 col-md-push-9 social clearfix">
							
							<a href="#"><img src="_done_job_/app/img/social/facebook.svg" alt="Фейсбук"></a>
							<a href="#"><img src="_done_job_/app/img/social/twitter.svg" alt="Твитер"></a>
							<a href="#"><img src="_done_job_/app/img/social/vk.svg" alt="ВК"></a>
									
						</div>

						


				</div>

			</div>
		</div>

	</header>

Answer 1

[Павел]

<div class="col-md-2 col-md-push-9 social clearfix">
   <div class="facebook"><a href="#"><img src="_done_job_/app/img/social/facebook.svg" alt="Фейсбук"></a></div>
   <div class="twiter"><a href="#"><img src="_done_job_/app/img/social/twitter.svg" alt="Твитер"></a></div>
   <div class="vk"><a href="#"><img src="_done_job_/app/img/social/vk.svg" alt="ВК"></a></div>
</div>

.social > div {float:left;margin-left:5px;}

Но без наглядности конечно не увидишь

Comments

[Михаил]

Тоже самое и выходит. Иконки пропадают. Хз, у меня без хостинга. Даже бесплатного нет. Могу zip скинуть, посмотришь

Answer 2

[Дмитрий Гординский]

Задать высоту/ширину иконкам не пробовали? Там же на скриншоте видно, что она нулевая, вот и пропадают.

Comments

[Михаил]

Кстати нет. Но вот в чем фишка:


Я все понял.
И все решил.
Они не могли выйти за рамки, которые я определил в div-e. Я просто увеличил col-md и задал размер иконкам.