Wrap Text Around Image In HTML Only - Stack Overflow

1. 1. Home
   2. Questions
   3. Tags
   4. Users
   5. Companies
   6. Labs
   7. Jobs
   8. Discussions
   9. Collectives

   10. Communities for your favorite technologies. Explore all Collectives

2. Teams

   Ask questions, find answers and collaborate at work with Stack Overflow for Teams.

   Try Teams for free Explore Teams
3. Teams

4. Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams

Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Learn more about Collectives

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Learn more about Teams

Get early access and see previews of new features.

Learn more about Labs Wrap text around image in HTML only Ask Question Asked 5 years, 2 months ago Modified 5 years, 2 months ago Viewed 3k times -2

I am having trouble aligning text in HTML. There is a website that I am using and in one of the editable areas I have the ability to enter in a HTML snippet. We would like to have the text aligned in the middle, right hand side of the image. I can get the first line of text to align middle but the second line drops off under the image. Is there anyway to continue the text directly under the first line of text, while keeping it centered vertically. Unfortunately since this is a small HTML snippet I cannot add Div or CSS.

We would want it to look something like the image attached above.

Thank you.

<img style="padding: 0px 5px 0px 0px;" float: left;" align="middle"src="http://upload.wikimedia.org/wikipedia/commons/8/8d/Stop_hand_nuvola_alternate_text.svg"/><font color="#ff0000" style="font-family: Arial, Helvetica, sans-serif;"><font size="4"> Some Text here Some Text here Some Text here Some Text here Some Text here Some Text here <a href="https://blank.com/blank" target="_self">(a link)</a><a> Some more text here <a href="mailto:[email protected]">here is an email link</a> some more text.</p> </font>

• html
• alignment

Share Improve this question Follow edited Nov 5, 2019 at 16:54 itstudent101 asked Nov 5, 2019 at 16:21 itstudent101itstudent101 4311 silver badge77 bronze badges 5

• 2 Fix your typos please – j08691 Commented Nov 5, 2019 at 16:27
• I fixed it sorry – itstudent101 Commented Nov 5, 2019 at 16:38
• 2 No, you fixed one and introduced another. It should be style="padding: 0px 5px 0px 0px; float: left;" which works by the way. Also note though that the <font> element no longer exists – j08691 Commented Nov 5, 2019 at 16:45
• 1 Also, note that the align attribute is deprecated and should not be used and that middle has never been a valid value for align (although it was for valign before that was deprecated). – Quentin Commented Nov 5, 2019 at 16:46
• I am sorry, I do not know enough about code to know what the typos are. That is why I am asking questions. – itstudent101 Commented Nov 5, 2019 at 16:56

Add a comment |

1 Answer 1

Sorted by: Reset to default Highest score (default) Trending (recent votes count more) Date modified (newest first) Date created (oldest first) 1

The problem is in your inline CSS code in the image:

You have: <img style="padding:style="padding: 0px 5px 0px 0px;" "float: left;" Should be: <img style="padding:style="padding: 0px 5px 0px 0px;float: left;"

I removed: " "

<img style="padding: 0px 5px 0px 0px;float: left;" align="middle"src="http://upload.wikimedia.org/wikipedia/commons/8/8d/Stop_hand_nuvola_alternate_text.svg"/> <font color="#ff0000" style="font-family: Arial, Helvetica, sans-serif;"><font size="4"> Some Text here Some Text here Some Text here Some Text here Some Text here Some Text here <a href="https://blank.com/blank" target="_self">(a link)</a><a> Some more text here <a href="mailto:[email protected]">here is an email link</a> some more text.</p> </font>

Share Improve this answer Follow answered Nov 5, 2019 at 16:47 Dennis van de Hoef - XiotinDennis van de Hoef - Xiotin 1,56911 gold badge1414 silver badges3030 bronze badges 2

• This has already been noted in the comments above. You should, provided you have enough rep, vote to close the question as off-topic due to a typo. – j08691 Commented Nov 5, 2019 at 16:52
• Hmm, I see that it was added as a comment while I was writing this answer. (I got distracted while typing). As for the voting, downvotes are counted but not displayed with my reputation, so it is hard to know the precise effect. Also, I am not allowed to comment since my reputation is below 50. But that is really offtopic here ;) – Dennis van de Hoef - Xiotin Commented Nov 5, 2019 at 17:01

Add a comment |

Your Answer

Reminder: Answers generated by artificial intelligence tools are not allowed on Stack Overflow. Learn more

Thanks for contributing an answer to Stack Overflow!

• Please be sure to answer the question. Provide details and share your research!

But avoid …

• Asking for help, clarification, or responding to other answers.
• Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Draft saved Draft discarded

Sign up or log in

Sign up using Google Sign up using Email and Password Submit

Post as a guest

Name Email

Required, but never shown

Post Your Answer Discard

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged

• html
• alignment

or ask your own question.

• The Overflow Blog
• How AI apps are like Google Search
• WBIT #2: Memories of persistence and the state of state
• Featured on Meta
• The December 2024 Community Asks Sprint has been moved to March 2025 (and...
• Stack Overflow Jobs is expanding to more countries

Related

1 How to wrap specific text around an image? 3 Text Wrap around an image 155 How to wrap text around an image using HTML/CSS 0 How to wrap text around image? 0 How to wrap text around image in div? 0 Text wrap around image, to one column 0 wrap text around an image in html and css 1 HTML wrap text around image in div 2 Have text wrap image 2 How to wrap text around image with CSS?

Hot Network Questions

• Does theory ladenness mean I have to throw out science ... and my senses?
• solana/web3.js 2.0 Issue With Using a Durable Nonce as a Lifetime
• Why are so many problems linear and how would one solve nonlinear problems?
• How to do the opposite of shift in zsh?
• Air launch separation mechanism
• writing two matrices in a clear and nice way
• Would the disappearance of domestic animals in 15th century Europe cause a famine?
• What are the legitimate applications for entering dreams in Inception?
• Is it necessary to report a researcher if you are sure of academic misconduct?
• MAX3485 TTL to RS-485 Fake Chinese Modules. No output, wrong chip (Counterfeit?)
• Hardy's ratings of mathematicians
• How to swim while carrying fins (i.e., when the fins aren't positioned on my feet)?
• Free Kei Friday
• \MakeLowercase in \section
• Why did Herod want to know the time of appearance of the Star of Bethlehem?
• Is it possible to submit healthcare.gov application to get Premium Tax Credit, but don't check for CHIP or Medicaid eligibility?
• Escape braces in C# interpolated raw string literal
• Measuring Hubble expansion in the lab
• What happened to 1T-SRAM?
• Learning to build a differential probe
• What is this FreeDOS kernel loader found on the “W3x4NTFS” disk image?
• Does gravity from a star go through a black hole's event horizon to affect objects on the other side?
• Movie about dirty federal agents
• When does a noun take the accusative rather than dative form

more hot questions Question feed Subscribe to RSS Question feed

To subscribe to this RSS feed, copy and paste this URL into your RSS reader.

lang-html