Approach 1 : Using Flex
Property
You can use display:flex
property in footer and arrange child elements as per your need.
footer { display: flex; }
and no need to use of line-height
.
Approach 2 : without Flex
Property
footer {
float: left;
background: rgb(255, 173, 20);
width: 100%; }
footer h6 {
text-align: center;
width: 100%;
float: left;
margin: 10px 0; }
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…