Jak wstawić ikonkę w folumlarzu

Question

Witam mam okienko szukania zawartości w stronie i mam w nim wpisany tekst, jak wstawić przed niego jeszcze obrazek lupy? (obrazek .png)

</div>
	     <form>
			<input type="text" placeholder="To search type and tap enter">
		</form>
			  </div>

 

Answer 1

No img obok i później w CSS wymiarowo na przykład. Jak wskakuje pod to display: inline-block/flex i powinno działać.

https://codepen.io/anon/pen/MBObXQ

Comments

Chodziło mi o to by ten obrazek był obok napisu w okienku a nie obok. Coś takiego:

 

---

był obok napisu w okienku a nie obok

???

Daj po prostu kod na codepen i raz dwa się zrobi, ale musisz napisać co dokładnie chcesz osiągnąć.

---

Gdzie na codepen wstawić kod? Pierwszy raz korzystam z tej witryny

---

wklej swoj html i css, kliknij save i daj nam wygeneroway adres url

---

https://codepen.io/Roszkowsky/pen/PBOWNm

---

https://codepen.io/anon/pen/MBObXQ

 

Zrobiłem na szybko takie coś, tylko nie wiem jak przestawić, żeby pisanie w input zaczynało się z marginesem

---

Dzięki

---

@bicnet nie moge coś na mobilce odpalic codepena ale może chodzi Ci o dodanie dla inputa padding ?

---

Dałem do form .input > padding-left: 15px; ale nie zrobiło nic.