Не ставятся блоки в ряд

@Fuzy · Регистрация: 18.11.2016

Author24 — интернет-сервис помощи студентам

Я не знаю почему не ставится вроде все правильно делал каждое содержимое в див брал и задавал

CSS

#line_block { 
        width:110px; 
        height:50px; 
        background:#f1f1f1; 
        float:left; 
        margin: 0 15px 15px 0; 
        text-align:center;
        padding: 10px;

ну изменений не было потом поубирал дивы и img к Img поставил они то рядом встали , а как форму ещё поставить между ними???

@Aqua77 · 15.03.2017, 09:41

Одному блоку поставь float:left, а другому float:right.

@Fuzy · 15.03.2017, 19:14 **[ТС]**

Те тоисть мне картинки опять в блоки по брать? и у меня получится 3 блока мне нужно строку поиска выровнять тоже

@Redzep · 15.03.2017, 21:51

https://jsfiddle.net/rc44Ljbz/

HTML5

<div class="wrapper">
  <div class="block">1</div>
  <div class="block">2</div>
  <div class="block">3</div>
</div>

CSS

.wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  height: 100px;
  background: #f2f2f2;
}
 
.block {
  width: 100px;
  background-color: #ccc;
}

@Konstantin12312 · 15.03.2017, 22:25

CSS

.block {
        display:inline-block;
        width:110px; 
        height:50px; 
        background:#f1f1f1; 
        margin: 0 15px 15px 0; 
        text-align:center;
        padding: 10px;
}

Добавлено через 13 минут

HTML5

<!doctype html>
<html lang="ru">
<head>
<style>
.block {
        display:inline-block;
        width:110px; 
        height:50px; 
        background:#f1f1f1; 
        margin: 0 15px 15px 0; 
        text-align:center;
        padding: 10px;
}
</style>
</head>
<body>
<div class="wrapper">
  <div class="block">1</div>
  <div class="block">2</div>
  <div class="block">3</div>
</div>
</body>
</html>

@Fuzy · 16.03.2017, 10:20 **[ТС]**

Пробивал два примера ничего не получилось...

@Redzep · 16.03.2017, 10:22

Сообщение от Fuzy

Пробивал два примера ничего не получилось...

Выложи весь код

@Penetrator_ · 16.03.2017, 11:15

Всё в блоки и

CSS

1	float:left;

им задать последнему блоку

CSS

1	text-align:right;

это если быстро.
А пример с

CSS

1	display:flex;

родительскому диву для них очень даже годный.
Это надо в общий блок все три блока запихать и дать этому общему блоку такие свойства css

CSS

1 2	display:flex; justify-content: space-between;

@Aqua77 25 / 25 / 19 Регистрация: 13.07.2015 Сообщений: 433
	15.03.2017, 09:41	2
	Одному блоку поставь float:left, а другому float:right. 0

@Fuzy 0 / 0 / 0 Регистрация: 18.11.2016 Сообщений: 116
	15.03.2017, 19:14 [ТС]	3
	Те тоисть мне картинки опять в блоки по брать? и у меня получится 3 блока мне нужно строку поиска выровнять тоже 0

@Fuzy 0 / 0 / 0 Регистрация: 18.11.2016 Сообщений: 116
	16.03.2017, 10:20 [ТС]	6
	Пробивал два примера ничего не получилось... 0

@Redzep 202 / 138 / 88 Регистрация: 21.12.2014 Сообщений: 369
	16.03.2017, 10:22	7
	Сообщение от Fuzy Пробивал два примера ничего не получилось... Выложи весь код 0

	16.03.2017, 11:15