img und h1 in DIV zentrieren

html.de-Forum HTML, XHTML & CSS
1

Hallo

Ich blicke es gerade nicht. :slight_smile: 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:

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

Image:

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

Headline:

.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; }

2

So geht das:

.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;
}
3

:wink: Vielen Dank für Deine rasche Hilfe scbawik! Genau so gehts! Danke.