Web Development Course:
HTML span: Main Tips
spanelement is an inline container. You can use it to associate inline elements (i.e., for styling).
spantag doesn't have any specific attributes, but supports global ones.
- You must use both opening and closing tags.
<span> tags define an inline container. It can be used for styling purposes (like in the example below), or to group elements that have the same attribute values:
<p>She's got <span style="color: #33FFB5;">electric</span> boots</p> <p>A <span style="color: #96097C;">mohair</span> suit</p> <p>You know I read it in a <span style="color: #F07501;">magazine</span></p>
Note: HTML span element is similar to <div>. However, it is an inline element, while <div> is of a block-level.
Mobile Browser Support
CSS Text: Learn to Set Colors, Spacing, Direction and Alignment
Learn to change CSS text attributes easily. Follow this CSS text tutorial and examples to learn basics of CSS text style and cool CSS text tricks.
CSS Tooltip Master Class: Create an HTML Tooltip and Style It
How to create a pure CSS tooltip? Learn the easiest way of using CSS tooltip for your markup code effects. CSS tooltip examples included.