HTML & CSS Keeping characters together on one line

[RobertWA]

I have a very small image which I want to include inside a pair of brackets (parentheses) in the middle of a sentence. The relevant part of my html is (<img src="My Files/Survey-3-med.jpg"; width="20px"; alt="Survey Marker 3"; style="display:inline;"; style="padding:0";/>)

The problem is that when the screen is resized so that the bracketed image is at the end of the line, the closing bracket drops to the next line.

Is there a way in which I can keep the image and both brackets combined as a unit, so that if it won’t fit on a line the whole thing drops to the next line, not just the bracket?

Thanks in advance

Robert

 

[Krygore]

Try including the img tag inside of a span tag.

So it would look like this:

<p> hello world <span style="padding: 0;"><img src="My Files/Survey-3-med.jpg"; width="20px"; alt="Survey Marker 3"></span> more text here to complete paragraph</p>

This auto styles the img tag to remain inline with the paragraph tag.
This link to w3schools.com also helps to better explain the purpose and usage of the span tag.

HTML span tag

A <span> element which is used to color a part of a text.

www.w3schools.com

Hope this was helpful 🙂

 

[RobertWA]

Thank you, but I couldn't get it to work.

When I followed these instructions the effect was to put the image by itself on a new line.

And where should I put the brackets? What I want is (image) to be together.

Cheers

Robert