Почему не позиционируется линия hr?

Question

[Александр Волков]

Потратил уже больше часа на эту линию..
Отступ от текста должен быть 30px, до этого перемещал с помощью margin-bottom, в этот раз на свойство никак не реагирует

<section class="section-4">
  	<div class="section-container">
  	
  	<h1>MEET OUR TEAM</h1>
  	<p>Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed dooing eiusmod tempor incididut labore Ui / Ux , print template.</p>
  	<div class="line-3"><hr align="center" width="130px" size="2" color="#ff3b3b"/>
  	</div>
  			


  	</div>

  </section>

.section-4 {
	height: 900px;
}

.section-container p{
	width: 30%;
	padding-left: 45px;
	padding-top: 20px;
	color: #737373;
}

.section-container h1 {
	padding-left: 45px;
	font-size: 42px;
	color: #585858;
}

.section-container hr {
	background-color: #ff3b3b;
	margin-left: 45px;

}

.line-3 {
	margin-bottom: 50px;
}

Comments

[Анатолий]

Вы уж определитесь, хотите ли постоянный отступ от низа или постоянный от текста. В зависимости от этого марджин и делайте. И не забывайте, что марджин "ребенка" умеет вылезать наружу, если у родителя нет границ (как и произошло у Вас).

Answer 1

[Андрей Dobrin]

Сложно понять Ваши намерения. Поэтому вот КОД, если не подойдет, то прошу вас разъяснить суть вопроса, дать картинку(примерную).

Comments

[Александр Волков]

Большое спасибо!

[Андрей Dobrin]

Рад был Вам помочь)