SPAN vs DIV (inline-block)

Posted by blackjid on Stack Overflow See other posts from Stack Overflow or by blackjid
Published on 2009-10-23T02:06:28Z Indexed on 2010/05/02 0:17 UTC
Read the original article Hit count: 251

Filed under:

div

|

span

|

css

|

html

Hi,

Is there any reason to use a <div style="display:inline-block"> instead of a <span> to layout a webpage?

Can I put content nested inside the span? What is valid and what isn't?

Thanks!

It's ok to use this to make a 3x2 table like layout?

<div>
   <span> content1(divs,p, spans, etc) </span>
   <span> content2(divs,p, spans, etc) </span>
   <span> content3(divs,p, spans, etc) </span>
</div>
<div>
   <span> content4(divs,p, spans, etc) </span>
   <span> content5(divs,p, spans, etc) </span>
   <span> content6(divs,p, spans, etc) </span>
</div>

© Stack Overflow or respective owner

Related posts about div

add a div.class in a child, only when the parent does not have other div.class

as seen on Stack Overflow - Search for 'Stack Overflow'
i have a html code like this: <div class="someclass"> <div class="childclass"></div> <div class="checkclass"></div> </div> <div class="someclass"> <div class="childclass"></div> </div> <div class="someclass"> <div… >>> More
#div:normal #div:hover #div:SELECTED?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey guys, On the "services" and "company" pages I have a right sidebar list. This is being included with PHP. So far I have a CSS class for normal and a CSS class for when you hover each item in the list. I want to have a new class for when each list item is selected. So for example in services,… >>> More
DIV Overlaying DIV, links in backmost DIV non-accessible

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a photoshop image that is 500x600 that I am using as a background image for the first div. The second div sits over top of the first div and is populated with images. The z-index of the first div is set to 100. The effect is the photoshop image sits over top of all of the smaller images. The… >>> More
Two DIV layers: resize top DIV based on dynamic height of bottom DIV

as seen on Stack Overflow - Search for 'Stack Overflow'
I have two DIV layers, one above the other. In the top DIV, there is an image, and in the bottom DIV, there is a block of text. The amount of text in the bottom DIV will change, thus increasing and decreasing the required height. I need to dynamically decrease the height of the image in the top DIV… >>> More
Why won't my DIV height grow? Is it because I am using floats?

as seen on Stack Overflow - Search for 'Stack Overflow'
Please help! I am trying to create some div sections and some of these div sections have some other divs that are floated. All of which I have cleared. But the sections are not growing to accomodate the content inside of them. The following is my HTML - <div class="data"> <div class="name">Data</div> … >>> More

Related posts about span

CHAT ROOMs 7 by 6

as seen on Stack Overflow - Search for 'Stack Overflow'
I am looking for chatroom on one page with 7 loggedin users and 6+rows for say 42 users.these users will keep on adding wthnew users.Need urgent help.A PRETTY UNUSUAL Q FOR MOST OF U.What is MORE REQ new features: Usernames are unique to users currently chatting You can see a "currently chatting"… >>> More
Jquery Slidetoggle open 1 div and close another

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to close one div when clicking on another div . Currently, it opens multiple divs at one time. JQUERY: $(document).ready(function() { $(".dropdown dt a").click(function() { var dropID = $(this).closest("dl").attr("id"); $("#"+dropID+" dd ul").slideToggle(200); … >>> More
How to add class to selective <li> in a generated menu

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I am looking for a solution to add a class to every list item <li> which has a child item with a class of <span class="separator"> and a different class to <li> with an anchor link. I use Joomla and the menu is being generated somewhat like this: <ul class="menu"> <li… >>> More
How to fix - Parse error: syntax error, unexpected T_CLASS

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I'm new to PHP, and i'm making a forum. all the files work except one file, add_topic.php. It gives me an error saying: Parse error: syntax error, unexpected T_CLASS in /home/a3885465/public_html/add_topic.php on line 25 I know it is probably on the lines: </span>}<span class="s4"><br> </span>else{<span… >>> More
need to print 5 column list in alpha order, vertically

as seen on Stack Overflow - Search for 'Stack Overflow'
Have a webpage that will be viewed by mainly IE users, so CSS3 is out of the question. I want it to list like: A D G B E H C F I Here is the function that currently lists like: A B C D E F G H I function listPhoneExtensions($group,$group_title) { $adldap = new adLDAP(); $group_membership… >>> More