JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <input type="url" placeholder="e.g. www.google.com" />
<span>http://</span>

</div>

CSS

.wrapper {
    position: relative;
}
input {
    padding-left: 48px;
}
.wrapper span {
    position: absolute;
    left: 2px;
}