natojezlo, много причин, если кому-то после нужно будет переделывать, самому даже при большом проекте может помешать. Если применяете не посредственно к input, то стили по умолчанию перебьются и так.
Дмитрий, если без флекса то примерно вот так https://codepen.io/wapster92/pen/zYYOaWb . И ты не понимаешь суть, тебе размеры нужно указать до ховера, чтобы было пространство шрифту расширяться, конечно у тебя не получиться, и вообще это чисто задача на логику, в верстке и программировании ее все время нужно применять.
godsplane, в таком случае ты будешь спрашивать случайного прохожего какую машину купить? И да есть не доальтернативы по запуску js на сервере, но они достаточно не доделаны, и маленькое сообщество. При любой не стандартной ситуации проект может встать. Это как раз из твоего примера, спросил у прохожего машину он посоветовал, какую-нибудь аеро доску она ведь круче машин, которую нигде не починить.
И в чем смысл такого метода? он будет прозрачным по отношению к зеленому диву. danilr, через svg это как-то делается, на тостере несколько раз видел подобные вопросы, если поискать думаю найдешь.
Как то встречался мне плагин для подобного, чтобы из 1 input делать делитель, но работал очень криво. По этому соглашусь с комментарием выше, 4 поля ввода.