scriptygoddessIt should be known that I am fairly new at the CSS thing – I learned just enough last fall to use it to skin my site, but beyond that I still don't know that much. Just this morning I asked the other scriptygoddesses what the difference between the ‹div› and the ‹span› tags were in CSS. Lynda & Kristine wrote great responses that were clear to me, but I wanted to also point out that scottandrew.com has a nice explanation. In case you were wondering, "DIV and P are block-level elements, meaning they are designed to contain other elements. By default, DIV and P elements begin on a new line. SPAN, on the other hand, is an inline element."
5 Responses to "Divs and Spans"
1 | kristine
Oh man, and I was getting so excited about the prosepect of writing a post on this topic :giggle: That's a good article about it, though 
MaKo's Div and Span page has a bit more info.
The nice thing about div and span over other elements (IMO) is that they have no properties of their own. P is a block level tag, but it has margins that are preterminded. So when you start defining things for span and div, they are blank slates for the defining!
Cool, huh?!
2 | Tarsh Fletcher
"fairly knew at" should be "fair new at" – sorry to nit pick, thought you might want to know.
5 | beverly
Tarsh, your revision should read: "fairly knew at" should be "fairly new at." Fairly is an adverb and by that grammatical position, as well as by definition, cannot be used interchangeably with fair.
Categories
- Admin-type scripts (4)
- Announcements (81)
- babble (1)
- Basics (1)
- bookmarklets (2)
- Bookmarks (351)
- Color Tool Bookmarks (15)
- CSS related (13)
- FireFox Extension Bookmarks (5)
- Javascript Related (2)
- PHP Related (2)
- Call for help (6)
- complaint department (2)
- CSS (31)
- cubecart (3)
- Flash (2)
- hosting (1)
- bluehost (1)
- How to's (52)
- htaccess tricks (1)
- HTML (2)
- Internet Explorer (1)
- Javascript (19)
- jquery (8)
- Joomla (1)
- Lessons learned (66)
- Movable Type (57)
- MT hacks (52)
- MT Plugins (2)
- MT scripts (1)
- MT Tips n Tricks (2)
- mySQL (3)
- Outlook (1)
- Photoshop Tutorial (3)
- PHP (9)
- pMachine (4)
- product review (5)
- Projects (10)
- Regular Expressions (1)
- Scripts (117)
- Script snippet (35)
- SEO (1)
- shopping cart (3)
- Suggested reading (11)
- Video (1)
- WordPress (127)
- WordPress Bookmarks (18)
- WordPress Bookmarks to Plugins (31)
- WordPress Hacks (29)
- WordPress my-hacks additions (5)
- WordPress Plugins (20)
- WordPress scripts (6)
- WordPress: Lessons Learned (26)
Featured Sponsors
Search
- SEO Advice (from a non-expert!)
- Disappearing absolute positioned elements in IE7
- WordPress Objects
- Embed a vimeo video using swfobject and setting the audio to mute
- HTML Basics (linking an image)
- Moving from Typepad to WordPress
- evo 11 Conference
- The mysteriously disappearing WordPress 3.1 Admin Bar
- launch all external links in a new window with jQuery
- WordPress Pagination Woes (solved? I hope?)
- Scott: Just moved changed the site URL as WP's installed in a subfolder. Cookie clearance worked for me. Thanks!
- Stephen Lareau: Hi great blog thanks. Just thought I would add that it helps to put target = like this:1-800-555-1212 and
- Cord Blomquist: Jennifer, you may want to check out tp2wp.com, a new service my company just launched that converts TypePad and Movable Type export files into WordPre
About
- Need some help? You can hire me.
- My personal blog: The Working Mom
- Follow me on twitter