Databases
StackOverflow2013
Postsdbo
POIn chrome, when in <p> some <a> or <strong> behave like they are in an "inline kinda absolute" position (you need to see the picture)
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POIn chrome, when in <p> some <a> or <strong> behave like they are in an "inline kinda absolute" position (you need to see the picture)
    text
    copied!<p>In chrome (and safari of course), I have this really weird behaviour that I don't understand :</p> <p><img src="https://i.stack.imgur.com/Q0i29.png" alt="enter image description here"></p> <p>I know my question is imprecise and I know that express it correcly would probably give me the answer. So if someone want to edit the question... :)</p> <p>First, when I saw this behaviour on the <code>&lt;strong&gt;</code>, I thought it could be caused by the font. Font-face is used and a special bold font is used for the <code>&lt;strong&gt;</code> markup and mabye if it doesn't load properly... But since it occurs also on the <code>&lt;a&gt;</code>, I'm looking for another track.</p> <p>The page is here : <a href="http://sciences.blogs.liberation.fr/home/2012/10/dix-questions-sur-s%C3%A9ralini-et-les-ogm-poisons.html" rel="nofollow noreferrer">http://sciences.blogs.liberation.fr/home/2012/10/dix-questions-sur-s%C3%A9ralini-et-les-ogm-poisons.html</a></p> <p>The code is classic :</p> <p><code>&lt;p&gt;L&lt;a href="http://www.anses.fr/" target="_self"&gt;'Anses&lt;/a&gt; et le &lt;a href="http://www.hautconseildesbiotechnologies.fr/" target="_self"&gt;Haut Conseil des Biotechnologies&lt;/a&gt; rendront leurs rapports sur le sujets le 20 octobre. L'Assemblée nationale auditionneront ensuite ces deux instances. Parmi les réactions récentes, voici également un texte du &lt;strong&gt;syndicat Sud&lt;/strong&gt; de l'INRA ( &lt;span class="asset asset-generic at-xid-6a00e5500b4a648833017c3273ed58970b"&gt;&lt;a href="http://sciences.blogs.liberation.fr/files/inra-expression-ogm-octobre-2012.pdf"&gt;ici en pdf&lt;/a&gt;&lt;/span&gt;) qui conteste l'attitude de sa direction et réclame entre autre la mise en cause des procédures d'évaluation des produits phytosanitaires.&lt;/p&gt;</code></p> <p>The css is too long to paste everything here since I have absolutely no idea about what could cause this behaviour. You can inspect it on the production page.</p> <p>Weirdest thing : doesn't bug each time I load the page ; it appears to be random. This is why I first though about a font-face loading problem.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload