Layout-neutral tag for CSS?

Question

Is there an \"invisible\" tag in HTML (4) that I can use to make CSS distinctions

tag.myclass tag.mysubclass h1 {  } 

without having

Answer 1

I think you want a <fieldset>.

Answer 2

No, there is not.

(And that's because such an element wouldn't really fit into the rest of HTML. The only reason DIV and SPAN affect the surrounding area is because they're block and inline elements, respectively. What would an 'invisible' element be? If you need something that's completely independent, absolutely (or relatively) position it and give it a higher z-index.)

Answer 3

I'd say a span tag is as neutral as they come. I don't think there's any browser that applies a margin nor a padding and it just wraps around it's contents.

Answer 4

The right answer is use a div tag and define a class for it. Here is an example:

<h2 style="font-size: 14px">Project 1 - Project 2 
  <div class="username">{% if request.user.is_authenticated%} Welcome {{request.user.username}} {% endif %}</div>
</h2>

then in your css file you can have a class like this:

.username {
    color:white; 
    float:right;
    padding-right: 100px;
}

voila!! It all belongs to h2 tag but the user name has a different css applied.

Answer 5

If you want to group elements use a div or a span tag as a wrapper element. Apply your id or class to this, and style it accordingly.

EDIT

There isn't an 'invisible' tag - but margins and padding can be easily reset 'margin: 0; padding: 0;'

Answer 6

You can add display: none; to it. That won't display it (obviously).