Как сделать отступ для ввода, не выходя за пределы родительского объекта?

Question

Я хочу сделать отступ в этих полях ввода, чтобы они не выходили за пределы родительского поля. Ширина родительского элемента установлена ​​в min-content.

<form>
    <div class="fields">
        <table class="formfields">
             <tr>
                 <td>
                     <label>Webseite</label>
                     <input class="forminput" type="text" value="http://"/>
                 </td>
             </tr>
        </table>
    </div>
</form>

(Этот код для ясности сокращен до одного поля)

form{
    text-align: center;
    display: block;
}
.formfields{
    display: block;
    text-align: left;
}
.fields{
    margin-left: auto;
    margin-right: auto;
    width: min-content;
}
.forminput{
    margin-left: 30%;
}

Это css.