Why span tag is used

The example below illustrates two divs and two spans — notice the visual differences between these elements:. Without span and div tags, the internet would look pretty different and pretty bland compared to how it does today, these generic elements let us style page content down to the individual paragraph or word.

Originally published Jun 9, AM, updated August 23 Logo - Full Color. Contact Sales. Overview of all products. Marketing Hub Marketing automation software. Service Hub Customer service software. CMS Hub Content management system software. Operations Hub Operations software. App Marketplace Connect your favorite apps to HubSpot. Why HubSpot?

Marketing Sales Service Website. Subscribe to Our Blog Stay up to date with the latest marketing, sales, and service tips and news.

Thank You! You have been subscribed. Start free or get a demo. Change Text! Recommended Articles. How to find all inputs that don't have color name and appends text to the span next to it using jQuery?

How to find span elements inside paragraph and reverts the selection back in jQuery? How to find all inputs with a value Green and change the text of next sibling span using jQuery? Article Contributed By :. Easy Normal Medium Hard Expert. Writing code in comment? Please use ide. In this tutorial, you have learned how to manipulate a particular piece of text with CSS and JavaScript by wrapping it in a span tag and giving it a unique class or id attribute.

Please note that in cases like this, you should use classes for styling and ids for manipulation with JavaScript in order to avoid confusion. If you read this far, tweet to the author to show them you care. Tweet a thanks. Learn to code for free. Get started. Forum Donate.