hrugved in CSS Posted July 2, 2019 horizontal icon bar In this example I have a doubt. As far as i know <a> tags are inline elements. And we can only add left/right paddings to inline elements, and not top and bottom. But here it act as block level element as can be seen from this line of code which works : .icon-bar a{ padding: 12px 0; } So When I inspect the <a> tags, I found that it shows its computed value of display as block. So how does <a> tag has become block level without explicitly changing its display property?
hrugved
in CSS
Posted
horizontal icon bar
In this example I have a doubt.
As far as i know <a> tags are inline elements. And we can only add left/right paddings to inline elements, and not top and bottom.
But here it act as block level element as can be seen from this line of code which works :
So When I inspect the <a> tags, I found that it shows its computed value of display as block.
So how does <a> tag has become block level without explicitly changing its display property?