[Plugin: Easy FancyBox] iFrame link positioning (HTML)

I’ve tried figuring it out myself, but I can’t seem to get my head around it.

Using Gravity forms, I’ve setup EasyFancybox so I can have a nice lightbox.

I’m using a little question bubble as my clickable link. It works for other links- but when I use iFrames it insists on starting a new line.

See my site as an example.

In jsfiddle, the clickable questions mark positions correctly. However, when I paste it into GravityForms it changes. Here is my code:

<a rel= ft " href= https://images.hdlandscapewallpaper.com/rainbows/in4mqef2alv.jpg Title= " Fabric choice is essential. You could be whisping away in white, or decadent in black. "> <img src="https://www.thecolor.com/images/misc/quest.png" Title="Click for more info"/> <a rel= ft " href= https://www.suitsme.net.au/wp-content/uploads/2014/10/Herringbone.jpg Title= " Tester "> </a> <a rel= ft " href= https://www.suitsme.net.au/wp-content/uploads/2014/10/Blue-Royal-300x300.jpg Title= " testestwewet "> </a><p><img src="https://data.whicdn.com/images/16394933/ran6_large_large.jpg " alt="Test " width="192 " height="192 "></p>

What adjustments can I make to stop it starting a new line? Thanks