Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 153 Stack Exchange communities.

What is meta?
Here's how it works:
  1. Any Stack Exchange user can ask a question
  2. The community provides support, votes on ideas, and reports bugs
  3. Your voice helps shape the way Stack Exchange operates

I have my flair (<script> snippet) on my webpage and I would like to have an image or a text right next to it.

Like this: [flair] [my object]

The only way I've managed to handle it so far is like this:
[flair]
[my object] or the other way around.

I've tried adding "display: inline" and "float: left / right" to both the elements (both separately and also to both at the same time). Which in my case are the <script> and a <h1>.
After thinking about these for a while I came to conclusion that the script tag doesn't really work as normal HTML tag but more like a shortcut to longer code, so whatever CSS styles I add to it will be added to nothing.

Is there any other way than using table? I've been told tables aren't supposed to be used as layout so I guess it would be a lazy workaround to give up and go for the table.

share|improve this question
    
Sounds like an SO question... – Ladybug Killer Sep 11 '09 at 10:40
    
Hehe, ok. I just thought to put it here because SO is asking me "is your question about programming?" haven't really considered HTML / CSS programming. Because flair is SO related I thought this would be the place. :-/ – user135712 Sep 11 '09 at 12:33

Use CSS-Positioning. If float isn't working, try some relative and absolute positions.

share|improve this answer

You must log in to answer this question.