• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] img und h1 in DIV zentrieren

  • Ersteller Ersteller HannemannMediaAG
  • Erstellt am Erstellt am
H

HannemannMediaAG

Guest
Hallo

Ich blicke es gerade nicht. :) Wie bekomme ich 2 Elemente in einem DIV zentriert? Ich möchte, dass das image "3." und die headline "Überschrift" nebeneinander und mittig in dem DIV positioniert sind.

Grüsse

http://hannemann-media.ch/clients/ndof_wp/

Das umschliessende DIV:
Code:
.entry-wrapper {
    width: 960px;
    position: relative;
    margin: 0 auto;
}

Image:
Code:
.entry-header img.wp-post-image {
    float: left;
}

Headline:
Code:
.entry-header .entry-title {
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.2;
    font-weight: normal;
    clear: none;
    position: relative;
    padding-top: 50px;
}
 
Hallo

Ich blicke es gerade nicht. :) Wie bekomme ich 2 Elemente in einem DIV zentriert? Ich möchte, dass das image "3." und die headline "Überschrift" nebeneinander und mittig in dem DIV positioniert sind.

Grüsse

http://hannemann-media.ch/clients/ndof_wp/

Das umschliessende DIV:
Code:
.entry-wrapper {
    width: 960px;
    position: relative;
    margin: 0 auto;
}

Image:
Code:
.entry-header img.wp-post-image {
    float: left;
}

Headline:
Code:
.entry-header .entry-title {
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.2;
    font-weight: normal;
    clear: none;
    position: relative;
    padding-top: 50px;
}

So geht das:

Code:
.entry-wrapper {
  text-align:center;
}
.entry-header img.wp-post-image {
    float: none;
    display:inline-block;
    vertical-algin:middle;
}
.entry-header .entry-title {
    float: none;
    display:inline-block;
    vertical-algin:middle;
}
 
;) Vielen Dank für Deine rasche Hilfe scbawik! Genau so gehts! Danke.
 
Zurück
Oben