css - HTML footer background not fitting footer text

Question

This question already has answers here: question from:https://stackoverflow.com/questions/65930918/html-footer-background-not-fitting-footer-text

Answer 1

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; }