David Kimelman

On Posting – Text


H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Bold Text
Italic Text

This is DELETED text that renders with a strike-through
This is CORRECTED text that renders normally.

This is small text

This is also small text

This is LOUD text

This is quiet text

This is red

This is an element with a border around it. Most likely used for images.

This is an example of using a class=”red” inline, within some text. We are using SPAN tags to achieve this. SPAN tags are inline elements and will not force a break in the flow of the document.


“This is a regular blockquote. They dont conform to the grid. They are just different sizes and have a great deal of margin around them. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo. Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo.”

“This is a MEDIUM blockquote. They dont conform to the grid. They are just different sizes and have a great deal of margin around them. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo. Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo.”

“This is a LARGE blockquote. They dont conform to the grid. They are just different sizes and have a great deal of margin around them. Cras dictum. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo. Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo.”


Formatting

Centered Text

This is an example of centered text. You can center just about any text by adding the class=”center” to the element. Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus. Donec ornare arcu id erat. Aliquam ultrices scelerisque sem. In elit nulla, molestie vel, ornare sit amet, interdum vel, mauris. Etiam dignissim imperdiet metus.

span-2 border – Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante.

span-3 prepend-1 – Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus.

center span-4 prepend-1Notice that this text is centered – Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus.

span-2 – Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus.

span-2 – Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus.

span-2 – Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus.


My Grandparents live in West Palm Beach, Florida and I visit them there usually two or three times a year. I find it a fascinating place to take pictures. The area is very unusual. It’s a waspy jet-set destination, a Jewish retirement mecca, and an urban wasteland all at once.

Class Name Font-Size
span-1 65px
span-2 140px
span-3 215px
span-4 290px
span-5 365px
span-6 440px
span-7 515px
span-8 590px
span-9 665px
span-10 740px
span-11 815px
span-12 890px
Prepend columns to an element :)
prepend-1 75px
prepend-2 150px
prepend-3 225px
prepend-4 300px
prepend-5 375px
prepend-6 450px
prepend-7 525px
prepend-8 600px
prepend-9 675px
prepend-10 750px
prepend-11 825px
Append columns to an element :)
append-1 75px
append-2 150px
append-3 225px
append-4 300px
append-5 375px
append-6 450px
append-7 525px
append-8 600px
append-9 675px
append-10 750px
append-11 825px

single-page: width:375px
vertical-photo: width:500px
border: Adds a 1px grey border