How to vertically align middle some header text between 2 header images on a website?


Tags: css,center,vertical-alignment

Problem :

Here is the url: www.dealflurry.com I want to use css. I cannot figure out how to get the header text that says "Deal Flurry" to be vertically in the middle between the 2 images around it. The text is staying at the bottom of the images instead of being in the middle. I have tried putting the text and images in div's but that didn't work the way I did it. I would appreciate any help!



Solution :

add vertical-align: middle; to both your images in a class or an inline style (preferably a class) and it will fix it.

Below is your complete updated header div code using inline styles:

<div class="header">

<img height="200" src="http://www.dealflurry.com/images/HiRes.jpg" style="vertical-align: middle;">

Deal Flurry

<img height="200" src="http://www.dealflurry.com/images/balloons.jpg" style="vertical-align: middle;">

</div>

    CSS Howto..

    How to print outlines and background colors from css, when using JQuery printElement, and IE8?

    html, css - cursor - how to change default image for pointer

    How do I make my elements occupy the width of their “max-width” specification?

    How can I center a box in CSS?

    how to make zurb foundation framework off canvas look flat

    How to left-align and right-align elements in one row using flexbox?

    How to make css menu width impossible to change when zooming or changing resolution?

    How to control cursor/caret size with CSS

    What is the best way to store css data inside database and call it similar to how a css file would be

    How do I change the admin header color in Magento?

    How to limit click area to text?

    How do I get text to overlay on top of an image in Dreamweaver?

    How to select text within li using css [duplicate]

    How to correct div overlapping the title

    How to apply CSS directives to h3 element?

    How to overlap a div to an another div without changing their positions - Css

    How can I change a table td width using CSS in Spiceworks?

    How to use JQuery to identify CSS 'text-decoration' [closed]

    How to put two divs on the same line with CSS in simple_form in rails?

    CSS How to keep page centered, but still put stuff where I want

    How to stack multiple divs on top of each other and each have a height of 100%

    How to align the navigation menu in wordpress?

    How to add a space between paragraphs when using css reset? [closed]

    How to do aspect to fill in img tag?

    How to apply css to asp.net LinkButton?

    How to use padding and lengthen bootstrap search bar?

    How to style a video iFrame?

    Javascript how to use external Css sheet

    jQuery UI sortable: how to leave css values of changed items untouched?

    CSS-3 - How can I place a white space holder above two columns?