We have a problem with our website. So, I have an embed (here represented by the blue rectangle with the fridge logo in it) and I'd like to put it to the right of the text below.
The code of the embed is this:
<iframe loading="lazy" src="[source]" style="border:0px #FFFFFF none;float:right" name="browserGame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="210px" width="310px" allowfullscreen=""></iframe>
As you can see, we tried using float:right as it's literally designed to text wrapping around stuff but it doesn't work for some reason.
Strangely enough, in the preview of the page in the edit settings everything works perfectly fine, as shown in the image below:
Here is the complete HTML (excluding the three links at the top which aren't at fault here), in case it was of some use:
<iframe loading="lazy" src="[source]" style="border:0px #FFFFFF none;float:right" name="browserGame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="210px" width="310px" allowfullscreen=""></iframe> <h5 style="color:#dd4a4a"><em>THE COZIEST PLACE FOR THE CRAZIEST GAMES</em></h5> <p>Greetings, kind guest, and welcome to our humble pub.<br></p> <p>We're a small development team from Italy and we always wish the best experience to our guests, from our other places you can visit to our products.</p> <p>You can see more information about our debut game, <span style="color:#dd4a4a"> Carboncino's Inferno</span>, down below.</p>
One final piece of information about this issue is that it seems to be an itch.io problem specifically, as this exact code works perfectly on a local html file. Hence why the tag of this topic is "Bug". What is happening?