jentecrazy Ответов: 1

Как мне собрать все в одну строку

Я не знаю почему, но я использовал заголовок (h1), а затем некоторые значки, и они не помещаются в одну строку. Заголовок находится в одной строке, а в строке под заголовком есть значки.

Что я уже пробовал:

 <div id="footer">
            <h1>foot</h1>
            
            
            
            
        </div>


#footer {
clear:both;
max-height:200px;
width: 100%;
background-color: yellow;

}
#footer i {
margin: 10px;
font-size: 30px;}

1 Ответов

Рейтинг:
7

peetvandieren 

foot showed on one line because the default style contains display: block. Update that attribute to display: inline-block and you can see all items of footer in one line.

#footer {
clear:both;
max-height:200px;
width: 100%;
background-color: yellow;

}
#footer h1 {
  display: inline-block;
}
#footer i {
margin: 10px;
font-size: 30px;}
 <div id="footer">
            <h1>foot</h1>
            a
            b
            c
            d
        </div>