Antman: Bildunterschriften

Beitrag lesen

Guten Morgen Forum,

Also es gibt in einer Spalte 4 Bilder untereinander. Jedem wird eine Bildunterschrift gegeben. Geht es einfacher(besser) als unten ?

<div class="box_left">
  <img src="../../images/home/zentrale.jpg" alt="" />
  <div class="picsub">Headquaters, Dortmund</div>
  <img src="../../images/shop/mitarbeiter_dortmund.jpg" alt="" />
  <div class="picsub">Team Dortmund</div>
  <img src="../../images/shop/halle.jpg" alt="" />
  <div class="picsub">Production </div>
  <img src="../../images/home/mitarbeiter.jpg" alt="" />
  <div class="picsub">Team Lippendorf</div>
</div>

.box_left {
  width: 80%;
  background-image: url("../images/design/edge_red_top_left.png");
  background-position: top left;
  background-repeat: no-repeat;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  background-color: #fff;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding: 0.5em;
  text-align: left;
}

.picsub {
  font-size: 0.8em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}