Wyśrodkowanie zawartości w <input type="text" value=" " placeholder=" "/>

Question

Jak w temacie. Jak mogę CSSem spowodować, aby tekst, który ustawiłem domyślnie jako wyświetlając w oknie <input type="text" value="" placeholder=''/> był wyświetlany po środku?

Answer 1

text-align: center?

Jeśli nie działa, to pokaż proszę kod.

Comments

Pewnie będzie działać, ale jak to chwycić w css?
Zwyczajny input:

<input type="text" name="second_variable" value="Co?" placeholder="Co?" onclick="this.value=\'\'";/> <br/>
<input type="text" name="third_variable" value="Za ile?(milionów)" placeholder="Za ile?" onclick="this.value=\'\'";/> <br/>

 

---

Selektory CSS są dosyć elastyczne pod tym względem. W tym przypadku oba inputy wyróżnia atrybut name, podobnie jak value i placeholder, więc można te dwa inputy złapać np. przez:

[name="second_variable"], [name="third_variable"] {
  text-align: center;
}

Z perspektywy CSS jednak zdecydowanie lepiej nadać im tę samą klasę i stylować po niej.

---

O to chodziło! Dzięki!