JSFiddle - React, Tailwind, and code Playground

by baptx

HTML

<html>
<head>
<title>margin browser bug</title>
</head>
<body>
<table>
<tbody>
<tr valign="top">
<td>
<br>
<input type="text" id="Gauche1" class="textHeight" value="la voiture"><br>
<input type="text" id="Gauche2" class="textHeight" value="l'ordinateur"><br>
<input type="text" id="Gauche3" class="textHeight" value="l'horloge"><br>
<input type="text" id="Gauche4" class="textHeight" value="l'école"><br>
<input type="text" id="Gauche5" class="textHeight" value="le vélo"><br>
<input type="text" id="Gauche6" class="textHeight" value="les devoirs"><br>
<input type="text" id="Gauche7" class="textHeight" value="les amis"><br>
<input type="text" id="Gauche8" class="textHeight" value="la mer"><br>
<input type="text" id="Gauche9" class="textHeight" value="les vacances"><br>
<input type="text" id="Gauche10" class="textHeight" value="la casquette"><br>
</td>
<td>
<img...

CSS

.textHeight {
    height: 20px; /* height must be specified in order to get input tag next to image points for every browser */
    margin-bottom: 17px;
}