/sm/ - Social Media

mixing facebook twitter instagram logos on one nav bar? gotchu! use css flexbox ''' to align them neatly.

<nav><a href="#"><img src="fb. png" alt=" /></a>- ''<span class="facebook">Facebook''+ `[code]<i aria-label='''Facebook></i>

`
<a href="#" ><img src="twit. jpg"/></a>- 'twitter!'
++ <svg viewbox="-16 -24 973.805.[/code]
> forget floats, flexbox does the layout magic
red heading

nav { display: inline-flex; align-items:center }a img,a svg, a div{ margin-right:.5em }i::before{i content:'\f1c4';font-family:"Font Awesome 6 Free"}

simple, clean and scalable. no more messy floats!