2

* {
  margin: 0;
  padding: 0;
}

#main {
  width: 900px;
  margin: 0 auto 0;
}

#text {
  width: 100%;
  line-height: 80px;
  height: 300px;
  display: inline-block;
}

#one,
#two,
#tree {
  vertical-align: top;
  margin: 0px;
  display: inline-block;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: red;
}

#text {
    
    vertical-align: top;
    margin: 0px;
}
<body>
<div id="main">
    <section id="section"><!--
        --><div id="one"></div><!--
        --><div id ="two"></div><!--
        --><div id="tree"></div><!--
    --></section>
    <section id="text">
        <p>aksdkasdlasdlasdad</p>
    </section>
</div>  
</body>

3
  • 1
    Вы же #section устанавливаете height: 300px;. Поменяйте просто значение, или напишите подробнее что вы хотите сделать. 9 янв 2018 в 8:23
  • Да увидел спасибо. Тут просто уже мозги закипают
    – Sinevik
    9 янв 2018 в 8:33
  • #text p { line-height: normal; }
    – Deonis
    9 янв 2018 в 8:33

1 ответ 1

1

Вы для блока с id="text" дали стиль line-height: 80px;.

Вот я убрал это. Но если это вам все таки необходимо то надо тегу p что лежит в нем дать другой line-height.

* {
  margin: 0;
  padding: 0;
}

#main {
  width: 900px;
  margin: 0 auto 0;
}

#text {
  width: 100%;
  //line-height: 80px;
  height: 300px;
  display: inline-block;
}

#one,
#two,
#tree {
  vertical-align: top;
  margin: 0px;
  display: inline-block;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: red;
}

#text {
    
    vertical-align: top;
    margin: 0px;
}
<div id="main">
    <section id="section"><!--
        --><div id="one"></div><!--
        --><div id ="two"></div><!--
        --><div id="tree"></div><!--
    --></section>
    <section id="text">
        <p>aksdkasdlasdlasdad</p>
    </section>
</div>  

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.