Bilder på hemsida.

.shower {
    padding: 0;
    width: 500px; /*eller 50em, 100%, beror ju lite på hur du vill ha det*/
}
.showerContent {
    margin 0;
    width: 10%; /* 100 dividerat på antal per rad */
    display: inline-block; /*De ska rada upp bredvid varandra och inte vara ett vanligt block*/
}

<div class="shower">
    <div class="showerContent">
        <!-- Inneållet som skall visas, typ en bild? -->
        <img src="" alt="" />
    </div>
    <div class="showerContent">
        <!-- Nästa sak som skall visas, typ en bild igen? -->
        <img src="" alt="" />
    </div>
    <p class="showerContent">Hej hej!</p>
    <!-- Det går att köra direkt så här också, beror ju lite på hur man vill ha det. Dock kan man behöva komplettera med lite för att få det fungera på alla element.-->
</div>