Add Descriptions

You can add descriptions by interleaving your text with each code. Learn more about how to do this.

Customize Results

You can customize using CSS as follows:

• wrap the results in a containing <div class="class-name">, as in:

  <div class="gallery">
     ... code results
  </div>
  

• style the gallery using CSS as you desire, for example:

  .gallery img {
   margin: 0 1px 1px 0;
  }
  

  which would create a 1px space to the right and along the bottom between images. This is fairly crude because the rightmost image in a column will also have a 1px space on the right side.

• improve styling with additional CSS effects

  .gallery img {
   border: 1px solid #ccc;
  }
  

  which would create a 1px border around each image (and increase the space consumed by 2px vertical and horizontal).

These are rough guidelines.