Campo di ricerca Problema: non è ansible inserire il campo di ricerca affiancato correttamente con il logo del carattere di ricerca

Sto lavorando a un progetto di sito web immobiliare. Ho già creato il modello di Photoshop e l’ho caricato su Behance. https://www.behance.net/csc103falld848

In questo momento sto creando la versione statica del modello del negozio immobiliare. Sto affrontando un problema Non riesco a inserire il campo di ricerca parallelamente al logo fantastico del font Search. Ho fatto del mio meglio per risolverlo. Per favore, dai un’occhiata alla schermata per capire il problema: https://drive.google.com/open?id=1-wqJu9K6QtG1tzK_MiEuGAuveZ_-KKaK

#search-rectangle { width: 50px; height: 40px; background-color: #0054a6; } #search-here-rectangle { width: 110px; height: 40px; background-color: #00aeef; } #search-field { width: 110px; height: 40px; background-color: #00aeef; } 
 

Ecco il link CodePen.io: https://codepen.io/kanan292/pen/rrpegK

Non vedo l’ora di ottenere una soluzione eccezionale da parte tua.

Ecco qua .. Modifica il testo “VAI” con l’icona desiderata.

 .input-group .btn { background-color: #0054a6; padding: 10px 12px; border: 0 none; color: #fff; } #search-field { width: 110px; background-color: #00aeef; color: #fff; height: 40px; border: 0 none; }