Text-wrap around image snapping to corner rather than centering
Asked by Beth:

I'm a fairly new Space admin, trying to get my new page to look decent (in Cloud)... I have a search box in a column, and I'm trying to add a logo to the area. It worked great the first try, and when I made an edit, it refuses to cooperate again.  

I can see that the text wrap doesn't consider the search field macro very well in its placement math, but that doesn't explain to me why the logo repeatedly wraps in a different position.

My edit view, looks great:  
![edit.PNG](/t5/image/serverpage/image-id/106766i590C9FCEAC8E8AC3/image-dimensions/314x162?v=v2 "edit.PNG")

My published view, awful:

![published.PNG](/t5/image/serverpage/image-id/106767i3D4FCD831C601077/image-dimensions/285x164?v=v2 "published.PNG")  

I have tried adding additional lines of text above and below, and the image snaps to the top corner every time.  

Any recommendations?

--

ETA:  
The behavior changes completely if I switch my text back to left-justified, with the logo on either side:

* ![left justify.PNG](https://community.atlassian.com/t5/image/serverpage/image-id/106770iECE8C1058DE7F878/image-size/small?v=v2&px=200 "left justify.PNG")![left justify.PNG](https://community.atlassian.com/t5/image/serverpage/image-id/106773i196F7CCCE11F3928/image-dimensions/289x119?v=v2 "left justify.PNG")
* ![left justify2.PNG](https://community.atlassian.com/t5/image/serverpage/image-id/106771i76EABE477346A5DD/image-dimensions/287x117?v=v2 "left justify2.PNG")

It's not how I intended this field to look, but it is at least better than the first option, so I'll work it it for the moment. Would still love any recommendations to fix it the way I originally intended...


Answers:
author: Diego
body: Hello [@Beth](/t5/user/viewprofilepage/user-id/3797676) !  
After doing some tests, I was able to keep both the text and the image on the left side of my page.

What I did was use the "left sidebar" layout and kept my text right aligned.

This works because the text is now left aligned relative to the layout column but stays on the right side of the page because it was placed inside the right column.

Here is what it looks like when in edit mode:
> ![Screen Shot 2020-08-17 at 13.31.46.png](https://community.atlassian.com/t5/image/serverpage/image-id/106915iA04896355FD8DEB4/image-dimensions/463x218?v=v2 "Screen Shot 2020-08-17 at 13.31.46.png")

And here is what it looks like in view mode:
> ![Screen Shot 2020-08-17 at 13.33.35.png](https://community.atlassian.com/t5/image/serverpage/image-id/106916iEA495664DCE6D0FD/image-dimensions/524x146?v=v2 "Screen Shot 2020-08-17 at 13.33.35.png")

I hope this looks closer to what you need!

I believe that what you need to achieve is closely related to this report, which was closed by Atlassian since they do not intend to implement the feature:
> * ++***[\[Confluence Cloud\] Ability to vertically align images in the editor](https://jira.atlassian.com/browse/CONFCLOUD-32237)***++

Let us hear from you.

comments: author: Beth
body: Thanks Diego. I'm already using the right sidebar layout here, as the search bar in in the left section with "recently updated" docs in the right, so that won't work for this particular space.

(If I leave Search at the top by itself, I have too much yawning empty space and page that runs ridiculously long with homepage content.)

Since I got the textwrap to center vertically by forcing left justification, I just worked the rest of the section layout around it. It's still a little awkward with the abundant whitespace and centering, but it works for now.

![final view left side.PNG](https://community.atlassian.com/t5/image/serverpage/image-id/107100i5A043DA3D37A4DCF/image-size/large?v=v2&px=999 "final view left side.PNG")

That closed request would have helped a lot; looking forward to a new version of the same request bubbling up someday. In the meantime, limitations like this just drive the design of the rest of the space rather than working within it...

Thanks again!


Tags: cloud