[SOLUCIONADO] Alinear texto en una cada <div>

[jafp_pe]

Hola amigos, deseo que me ayuden, quiero saber como puedo alinear el texto de mi sidebar o exactamente bloques de categorías, enlaces etc, como se darán cuenta puse una imagen que lo hice y me salio bonito a mi gusto, lo que quiero es que el texto se muestre en el lado celeste de mi imagen de cabecera bloques de contenido, entonces, no se como mover el texto por ejemplo categorías, quiero moverlo en la parte celeste solo ese texto, el código que tengo ahora mismo es:

Código:

<div class="widget">
				<h3> Categorías </h3>
				<ul class="scroll">
			        <?php wp_list_categories('title_li='); ?>
				</ul>
			</div>

Para que ustedes mismos entiendan lo que quiero:

www.videosparabebes.com , chekenlo por favor!

[pzin]

Con algo así para el h3 debería de valerte.

Código CSS:

height: 47px;
padding: 33px 0 0 75px;
 

Aunque yo le hubiese puesto la imagen de fondo a div.widget y luego podrías ajustar el h3 con una position relativa con top y left y te quedaba una cosa más limpia.

[jafp_pe]

Iniciado por Bonez

Con algo así para el h3 debería de valerte.

Código CSS:

height: 47px;
padding: 33px 0 0 75px;
 

Aunque yo le hubiese puesto la imagen de fondo a div.widget y luego podrías ajustar el h3 con una position relativa con top y left y te quedaba una cosa más limpia.

Puse el codigo y se alineo bien amigo pero abajo, aumento un espacio en negro

[pzin]

Será que no cambiaste, como puse, la altura a 47 pixeles.

[jafp_pe]

Si pero por que!! jajaja eres un genio man explicame por que por que ygracias papá!!

[pzin]

Porque el modelo de caja de CSS hace que el padding sea sumado al tamaño del div. Como le aplicas 33 pixeles de padding en la parte superior, y tu div antes tenía 80 pixeles, para que siga teniendo esa altura hay que restarle esos 33 pixeles extra a los 80, que son 47. Si no lo hicieras, ese div tendría una altura de 80 + 33 pixeles.

Gracias por preguntar por el porqué.

[jafp_pe]

Iniciado por Bonez

Porque el modelo de caja de CSS hace que el padding sea sumado al tamaño del div. Como le aplicas 33 pixeles de padding en la parte superior, y tu div antes tenía 80 pixeles, para que siga teniendo esa altura hay que restarle esos 33 pixeles extra a los 80, que son 47. Si no lo hicieras, ese div tendría una altura de 80 + 33 pixeles.

Gracias por preguntar por el porqué.

Muchas gracias por su celestial ayuda, no se quizá sea demasiado pedir, hice una cajita con firework y pues, quiero que me ayudes otra ves a alinear, sabes e intentado con sus ejemplos que me dio pero el texto no logro alinear, el <h1> creo que si pero el texto o descripción no puedo:

http://www.videosparabebes.com/

lo que quiero es que, el texto que se encuentra abajo del titulo h1 , este dentro del rectángulo blanco transparente, de mi diseño solo ese espacio, bueno si lo e hecho mal hasta ahora por favor consejos, y otra cosa las letras están muy separadas de la descripción, un poco mas juntas seria bueno y eso! por favor ayúdenme, hago mi mayor esfuerzo no soy vago.