Check out example codes for "html span". It will help you in understanding the concepts better.
Code Example 1
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
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">☰ </span> <!-- ☰ is a color value -->
Learn ReactJs, React Native from akashmittal.com