Vertical align between img and h1

  • Hi, I want to display the text (right side of the picture) aligned in the middle of the picture

    <img src="<?php print_custom_field('logo_agenzia:to_image_src'); ?>" class="resize alignleft" width="75" height="50" />
								<h1 class="cufon">
									<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
										<?php the_title(); ?>
									</a>
								</h1>

    I tried to put vertical-align:middle in the img and h1 but didn’t do anything. Also I tried to put the code above in a DIV tag

    How can I do?

Viewing 1 replies (of 1 total)

  • Very hard to say without a link to your site so we can see what it looks like and mess with it in Firebug, but one way might be to float your image (presumably ‘left’) so that the h1 element then butts up against it at the top. You can them add some top padding to the h1 element to push it down relative to the image.

    HTH

    PAE

Viewing 1 replies (of 1 total)
  • The topic ‘Vertical align between img and h1’ is closed to new replies.