HTML and CSS Reference
In-Depth Information
Once
style.css
is saved, the
index.html
file will show the
icons stacked one after another because there is no
float
property added.
This happens because each “
ico
” class is going to be
rendered as a block element since that class comes
with a
display:block;
property included.
So the next step is to add the
float
property for the
Facebook icon only and the space between icons.
What other options can you have here? Maybe the
“
display:inline-block;
” property?