#
<pagecss>
  .gallery > div { display: inline-block; margin: .2em; border-sizing: box; width: 14em; }
  .gallery img { width: 100%; border: .8em ridge tan; }
  .gallery p { margin: 0 }
  .gallery p+p, .gallery span { display: inline-block; margin: .4em; padding: .2em; background: white; }
</pagecss>

# i_frame_css

This is a CSS snippet. Include this on your page with `{{page>:user:klay:i_frame_css#}}`.

# demo

<div gallery>
<div>
{{user:klay:klay-cowpetterz-200px.png?direct|}}
<span>A *moo*.</span>
</div>
<div>
{{user:klay:klay-cowpetterz-200px.png?direct|}}

A *second* moo.
</div>
</div>

TODO: thumbnails \\ 
{{user:klay:klay-cowpetterz-200px.png?100x50|}}