Witam,
załóżmy, że mam coś takiego: http://jsfiddle.net/vc3ZK/
Jak przesunąć ten tekst w środku jak i później wpisywany np o 10px w od każdego brzegu (lewy i prawy)?

[HTML] pobierz, plaintext 
input {
    padding: 0 10px;
}
[HTML] pobierz, plaintext 

http://jsfiddle.net/vc3ZK/2/

No niby ok, ale tak samo tylko bez rozsuwania pola? Bo padding rozsuwa pole o te 5px.

Dodaj: width:50px; (przykład)

Hmm, na Twoim przykładzie niby działało, ale na moim już nie do końca i nadal rozszerza. http://jsfiddle.net/vc3ZK/16/

Dokładniej mam tak: http://jsfiddle.net/V76D4/

Jest dobrze, nic nie rozszerza.

https://dl.dropbox.com/u/21239599/1.JPG
https://dl.dropbox.com/u/21239599/2.JPG
Rozszerza... albo to u mnie dziwnie to działa. Przeglądarka: Chrome.

jaka ma być szerokość? 230?

Pola input - tak.
Czyli co mam zrobić? Od docelowego 230px odjąć te powiedzmy 10px, bo z każdej strony dodaję po 5px?

http://i.imgur.com/ydpOKCV.jpg

Masz margin-left na 10px ustawiony. Daj 5px i gitara:)

No chyba musi tak być?
Bo tak chcę mieć, że przesunięcie elementu o 10px od lewej strony.

http://jsfiddle.net/V76D4/3/

No i o tym pisałem też kilka postów wyżej: 230px - 10px, ale dzięki za naprowadzenie.

box-sizing: border-box; załatwi sprawę

Możesz podać przykład JAK? Bo próbowałem to dodać jakoś u siebie w tym zamiast padding i nic, tylko jakoś lekko się zmienia.

[HTML] pobierz, plaintext 
input {
    box-sizing: border-box;
    padding: 0 10px;
}
[HTML] pobierz, plaintext 

ehh...