Understanding Span Styles





This is a basic span with the background color of #F2D06B

<span style="background-color: #F2D06B;">This is a basic span with the background color of #F2D06B</span><br>


Now we will make this span a link to Google

<a href="http://www.google.com">
<span style="background-color: #F2D06B;">Now we will make this span a link to Google</span>
</a>


Now we'll stack a few spans together for some color
Now we'll stack a few spans together for some color
Now we'll stack a few spans together for some color
Now we'll stack a few spans together for some color


<span style="background-color: #D2F789;">Now we'll stack a few spans together for some color</span><br>
<span style="background-color: #7EC3CC;">Now we'll stack a few spans together for some color</span><br>
<span style="background-color: #F2D06B;">Now we'll stack a few spans together for some color</span><br>
<span style="background-color: #EB4683;">Now we'll stack a few spans together for some color</span><br>


Let's add a Header to the span


<h1><span style="background-color: #D2F789;">Let's add a Header to the span</span></h1>


Font color you say? The background is #202020 and the font is #F2D06B

<font color="#F2D06B"> <span style="background-color: #202020;">Font color you say? The background is #202020 and the font is #F2D06B</span> </font>