Project:HTML-CSS - Learn 2 Code - Span HTML tag
Default Language:English
Total Lines: 77
Source text — English Translation — Add Language (ID)
LEARN 2 CODE
powered by camgirl.cloud
Nav barAbout
Platform
Why
Page Titlespan
Second NavMarkup
Code snippets
Editing Tips
Demos and Examples
About sectionDesigning Chaturbate Bios
HTML Tag - Span
<span> HTML element – is used to group inline-elements in a document
The HTML span element is a generic inline container for inline elements and content. It used to group elements for styling purposes (by using the class or id attributes), A better way to use it when no other any other semantic element is available. span is very similar to the div tag, but div is a block-level tag and span is an inline tag. Span tag is a paired tag means it has both open(<) and closing (/>) tag and it is mandatory to close the tag.
TableTAG
HTML MARKUP
DEFINES
HTML element – is used to group inline-elements in a document
Markupcan be used in conjunction with inline css and supports inline-block (css markup)
Basic markup
Extended markup
HTML Markup Code:
Will render:
This element is using <span> tag
This element is using <span> tag and inline-css
Render sourceTest markup codes and see how your browser is rendering them. Use
button to see how to use the source editor and rendering tool
Markup Code Box
Show
Default
Render Box
That's how it looks rendered in browser. Optionally you can
Save as PDF
Default button, on click, removes the markup code from light-blue box
CodesMarkup Codes using
HTML tag
We've mentioned above, <span> tag can be used both as a single block or in group.
Span tag and how to style them to look more appealing using inline-CSS
Other styling using inline-css
ReferenceInline-css can be added to:
ref. tag
How to use...How to use...
Paste markup codes showed on page inside the Markup Code Box (left box)
Click on Show button
View the rendered markup inside the Render Box (right box)
Show button allows you to start rendering the markup code
Default button is used as reset the Markup Code box, all input will be lost
Print this page as pdf - well, you don't need much but its there, just in case. Please note, the print page will only print content from Render Box.
Code SnippetsCode Snippets
Editing TipsEditing Tips
Our suggestions for fast editing and viable markup rendering
Use <span> tag as single block element, inline-block elements, in group or as container
Use of
All links (on page or external URLs) are set up to open on another page (with a countdown) so there's no need to use
Available Advertising Space. Contact us and rent this space for your banner or textual ad.
FooterCGC Tools and Services
CGC Tailored
CGC Custom design
CGC Media Library
CGC Studio Environment
CGC Performer Service
CGC Tools Kit
CGC Stats and Staff
CGC Team
CGC Stats
CGC Contact
Why CGC
Because it is one service you can rely on. Because it's unique and flexible.
Because over +17k registered members, studio owners, web cam performers, affiliates and web designers can't be wrong.
Modal TranslateChange Language
Change the content of the material in your preferred language
Romanian
English
French
Italian
German
Help translate this material

1. Type your translation in the light blue table (right column)

2. When done with your translation, click the print icon and save it as PDF file


Thank you for your contribution!