Ancho de la capa

[mblascog]

Buenas,
Tengo una serie de capas cuyo contenido es una sola palabra. Unas palabras son mas largas que las otras, por lo que no quiero poner un ancho fijo a la capa.
Cuando paso por encima de la capa, cambio el color de fondo

Código CSS:

.capa:hover{background:#009999}
 

La capa, al no indicar nada de tamaños, se crea justo lo ancho de la palabra, y me gustaría que fuese unos píxeles más por la izquierda y por la derecha.
He probado con margin-left/right y padding-left/right, pero no lo hace.

Alguna sugerencia. Gracias

[AngelKrak]

podrias pasar tu codigo completo para poder ayudarte mejor? y una imagen de lo que quieres hacer exactamente?

[mblascog]

Buenas,
Lo que tengo es esto:



Si te fijas, el fondo de Precio es de un verde más oscuro, y es porque el ratón está encima. Lo que me gustaría es que el efecto de cambio de color fuera un poco más extenso, es decir, que a la izquierda de la P de Precio, unos 10píxeles, también se convertiera en ese verde más oscuro.

Gracias.

[AngelKrak]

amigo la imagen no se ve, pero necesito el codigo para poder ayudarte, que no soy adivino y no se cual codigo escribistes(Codigo Completo), si es posible subelo a Codepen para mejor ;)

[pzin]

Con padding debería de funcionarte, siempre y cuando sea un elemento de bloque, o un inline-block.