Padding ser o no ser?

Incursando por los temas de CSS, llegue a acomodar toda mi web con layout, acomodando los recuadros con margin. pero a la hora de acomodar el texto se me ocurre utilizar padding... ya que segun el tutorial de modelo de caja del sitio el padding es el relleno que esta entre el borde y el contenido.... Pero cuando aplico el padding en los div de mi web se me desacomoda todo....

En lo que estoy "trabajando" es esto:
http://www.jinglero.com.ar/doxma/

Abajo hay un div color verde y otro celeste qeu deberian estar pegados uno alado del otro (solo tienen color para que sean visibles), pero el padding que les aplico me los deja uno arriba del otro


Cual es la alternativa para acomodar el texto dentro de un div, o como se utiliza el padding correctamente.

PD: para acomodarlo pense usar un div dentro solo con el texto para manejarme con los margenes y el ancho del div pero me parece que es mas una trampa mia para llegar a lo que quiero que como deberia hacerlo


Desde ya muchas gracias

Tienes que estudiar más el modelo de caja en CSS.

En tu caso cuando añades x cantidad padding haces que la caja augmente esa cantidad. Así que para que no se te desajuste el layout cuando pongas padding reduce el tamaño de la caja en height y/o width según convenga.

Aquí tienes un tutorial sobre el modelo de caja en CSS.

Restale anchura hasta que cuadren, recuerda que el padding se suma al ancho.

Bien.. no sabia que el padding sumaba ancho

Voy a verlo muchas gracias


PD: de ese tutorial hacia referencia yo....