When first getting started with CSS, it can be a bit confusing trying to figure out when to use a span and when to use a division, but this quick and insightful video tutorial should help to clarify things for you.<\/p>\n
To keep things simple you can think of a While a But a So to wrap up this quick CSS lesson, a If this basic CSS tutorial was helpful for you, you will also like this post on styling your links with CSS<\/a>. Make sure you let us know if you have a tutorial request by sending us a message. And visit us on Facebook for more<\/p>\n<span><\/span><\/code> as an in-line element and a <div><\/div><\/code> as a block level element.<\/p>\nspan<\/code> allows you to separate things from the other elements around them on a page or within a document, it does not cause a line break. This is why it is perfect for in-line styling, like coloring a single word in a sentence to draw more attention to it.<\/p>\ndiv<\/code>, by default, creates a line break because it is used to make separate containers or boxes within a page or document, hence the name division. So the proper way to use a div<\/code> is as a containing element, rather than an inline styling element.<\/p>\n<span><\/span><\/code> can be used within <p><\/p><\/code> tags, but a <div><\/div><\/code> should not. If you remember that span is in-line level and div is block level, you’ll be fine.<\/p>\n