<div class="main ps-4 py-2"> <!-- Another variation with a button --> <div class="input-group"> <input type="Search" class=" search_border form-control" placeholder="Search Property"> <div class="input-group-append"> <button class="btn search_btn" type="button"> <i class="fa fa-search"></i> Search </button> </div> </div> </div> .main { width: 50%; } .search_border{ border: 1px solid var(--yellow); } .search_btn{ background-color: #FA8103; color: white !important; outline: none; border-radius: 0px 10px 10px 0px; padding: 0.475rem 0.78rem; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter