Check out example codes for "html span". It will help you in understanding the concepts better.

Code Example 1

The <span> tag is an inline container used to mark up a part of a text, or a part of a document.
The <span> tag is easily styled by CSS or manipulated with JavaScript using the class or id attribute.
The <span> tag is much like the <div> element, but <div> is a block-level element and <span> is an inline element.

Code Example 2

The HTML <span> element is a generic inline container for
pieces of content, which does not inherently represent anything. 
It is mostly used for grouping and styling bits of content.
<span> is very much like a <div> element, but <div> is a 
block-level element whereas a <span> is an inline element.

Code Example 3

<span></span>

Code Example 4

//an example of an "out of context" way to change color of a text:
<span style="color: green"></span>

Code Example 5

A <span> element used to color a part of a text:
  
<span style="font-size:30px">&#9776; </span> 
<!-- &#9776 is a color value -->

Learn ReactJs, React Native from akashmittal.com