By default, <p> </p>
will add line breaks before and after the enclosed text (so it creates a paragraph). <span>
does not do this, that is why it is called inline. When we are using normal text at that time we want <p>
tag.
When we are using normal text with some effects at that time we want <span>
tag. An important difference is that <div >, <p> are block elements and <span> is inline, meaning that <p>Hi</p><p>There</p>
would appear on different lines when <span>Hi</span><span>There</span>
winds up side by side. Continue reading