How do you keep elemnts of multiple SPANs on the same line

HTML & CSS
1

Hello,

See this page:

we would like the letters in: Open Customize Window
to stay in the same line. And when clicked then it becomes: Close Customize Window
to stay in the same line too. We have tried
style=“display: inline;”
but it did not help.
What can we do to get these Words to stay in same line?

Thanks,

2

Currently you’ve got the following style set on the first of the two span tags

element.style {
    display: block;
}

If you remove that rule, it should default back to display: inline;

3

Ok, Chris. Thanks.
I tell you, I hate CSS :slight_smile:
I mean I can handle logic fine in Java, PhP, MYSQL, Linux, etc. OK but the logic of CSS so many times gives me headache :slight_smile:

4

This is where right clicking on ‘Inspect Element’ is invaluable. So many times it tells you exactly what is being applied to a problem element, and where the source of the problem. Sometimes a User Agent Stylesheet, sometimes, an imported file (Bootstrap for instance), or your own CSS creation. 99 out of a hundred, you’ll find the problem source staring you in the face.

3 Likes
5

Thanks Chris, I wish it was that Easy :frowning:

6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.