JSFiddle - React, Tailwind, and code Playground

HTML

<select>
    <option>les bordures sont alignées</option>
</select><!--
--><input type="text" value="les bordures sont alignées">

<div id="foo">
    <select>
        <option>les bordures ne sont plus alignées</option>
    </select><!--
    --><input type="text" value="les bordures ne sont plus alignées">
</div>

<div id="bar">
    <select>
        <option>les bordures ne sont plus alignées</option>
    </select><!--
    --><input type="text" value="les bordures ne sont plus alignées">
</div>

CSS

input,
select
{
    border: 2px solid red;
    width: 240px;
    box-sizing: border-box
}
div
{
    margin-top: 10px;
}
#foo input,
#foo select
{
    padding: 0;
}
#bar input,
#bar select
{
    padding: 10px 0;
}