Hi,
ich habe eine Frage bezüglich CSS für die folgende Aufgabenstellung. Ich erstelle eine ganz einfache Seite welche eine Photogallerie repräsentiert. Zu diesem Zeck gibt es diverse DIV Blöcke (Header, Navi, Content, Footer).
Im eigentlichen Content DIV sollen 2 Dinge untergebracht sein: Ein Foto und darunter ein Text. Ich würde gerne Das Foto zentriert im Browser (unabhängig von seiner Größe (Hoch versus Querformat)) anzeigen lassen und den beschreibenden Text darunter. Der Text soll aber nicht zentriert sein sondern linksbündig mit dem linken Rand des Fotos abschliessen.
Mein Code bisher:
HTML
...
<div id="gallery"><img id="photo" ...><p id="label">...</p></div>
...
CSS
...
div#gallery{
margin: 0 auto;
}
...
Somit ist das Bild wunderschön zentriert und der Text darunter auch. Wie gesagt, der Text soll aber linksbündig unter dem Bild stehen.
Kann mir jemand helfen?
Vielen Dank.