Have some image tests

Indeed, have some image tests!

TEST 1 Text text text text text text text looooo­ooooooo­oooo­ooooooo­ooong word

1) Standard (right) corner image w/ fixed size: div class “cornerImg”, div max-width desired size, image width same as div max-width:

TEST 2 Text text text text text text text looooooo­ooooooo­oooooo­oooooooo­ooooooo­ooooo­ooong word

2) Left corner image w/ relative size: div class “cornerImgLeft”, div width 30%, image width equal to div width (240px = 30% of 800px post width):

3) Centered image: div class “centerImg”, div max-width 480px, image width same as div max-width:

TEST 3 Text text text text text text text text text text text text text text text text text loooooo­oooooooo­ooooooo­oooooooo­oooooooo­oooooooo­ooooo­oooong word (with soft hyphens to prevent breaking the layout!)

4) Full-width center image: div class “centerImg”, no div width, image width 800px (full post width):

TEST 4 Text text text text text text text text text text text text text text text text text text text text text text text text text text looo­ooooo­ooooo­ooooo­ooooo­ooooo­oooo­ooooo­ooooo­ooooooo­ooooooo­ooooooo­ooooooo­oooooo­oooooo­ooooo­oooooo­oooooo­oooooo­ooooooo­oooooo­oooooo­oooong word (with some soft hyphens to prevent breaking the layout!)

Just another test post

This one doesn’t have a corner image, ’cause why not. Instead it has some image tests!

First, a single large centered image:

This is some text.
[source | full size (1600×1200)]

Then, some smaller images side-by-side, using a table:

This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. [source | full size (1600×1200)]

Horizontal rule:

---

Dashed horizontal rule:

---

Dotted horizontal rule:

---

Have an expandable content box!

Title goes here

(Click to open/close:) [−]

This is the body text.

---

Text text text text text text text text text.
This-is-a-very-long-word-that’s-meant-to-test-word-wrapping.

Oh look, a corner image! Using a clearfixed SPAN tag. Also, this here is some text. This here is some text. This here is some text. This here is some text. This here is some text. This here is some text. This here is some text. This here is some text. This here is some text. This here is some text. This here is some text.

This is the title of a sample post #0123456789

Corner image description
[source | full size (481×388)]

This is a test post. It includes text such as this paragraph and that link just now. It also includes some random numbers: 0123456789.

This is blockquote text. This is blockquote text. This is blockquote text. This is blockquote text. This is blockquote text. This is blockquote text. This is blockquote text. This is blockquote text. This is blockquote text. This is blockquote text. This is blockquote text. This is blockquote text. This is blockquote text. This is blockquote text. This is blockquote text.

This is a blockquote within a blockquote.

More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text. More blockquote text.

Anticoagulant anticoagulant anticoagulant anticoagulant

Some more regular text. Some more regular text. Some more regular text. Some more regular text. Some more regular text. Some more regular text. Some more regular text. Some more regular text. Some more regular text. Some more regular text. Some more regular text. Some more regular text. Some more regular text. Some more regular text.

Below is the jump break.

This is a test post with a really, really quite long title, the intention being to see how it wraps

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent laoreet erat a auctor interdum. In posuere bibendum mauris sed iaculis. Fusce interdum felis neque, at convallis odio suscipit non. Vestibulum quam metus, iaculis ut ligula at, sollicitudin volutpat nisi. Sed suscipit molestie nisl. Vivamus ornare nec tortor et dapibus. Etiam imperdiet, tortor vel bibendum ullamcorper, enim leo semper ex, a porta purus orci eget lacus. Praesent vulputate cursus tincidunt. Donec iaculis, odio vel condimentum auctor, tortor eros sodales turpis, sed viverra dolor ex eget tortor. Proin sollicitudin sem vulputate sapien suscipit sodales. Nam non ante sed mi placerat fringilla. Cras varius mauris vitae lacus placerat, eu ornare augue rhoncus. Ut dictum neque sit amet dui hendrerit tempor. Aliquam cursus ultricies lectus, ut iaculis dolor varius a. Vivamus scelerisque tempor enim non aliquet. Nullam varius vel tellus quis consequat.

Aenean bibendum purus magna, vitae vehicula leo pulvinar eu. Morbi velit est, pellentesque fermentum gravida a, mattis id libero. Etiam sed molestie ipsum. Donec dignissim, nibh at varius blandit, nisi nisl euismod turpis, a pellentesque erat tortor quis ante. Aliquam vitae velit non ligula tempus vestibulum. Aliquam sit amet imperdiet ligula. Vivamus aliquet enim felis.

Test post #7

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent laoreet erat a auctor interdum. In posuere bibendum mauris sed iaculis. Fusce interdum felis neque, at convallis odio suscipit non. Vestibulum quam metus, iaculis ut ligula at, sollicitudin volutpat nisi. Sed suscipit molestie nisl. Vivamus ornare nec tortor et dapibus. Etiam imperdiet, tortor vel bibendum ullamcorper, enim leo semper ex, a porta purus orci eget lacus. Praesent vulputate cursus tincidunt. Donec iaculis, odio vel condimentum auctor, tortor eros sodales turpis, sed viverra dolor ex eget tortor. Proin sollicitudin sem vulputate sapien suscipit sodales. Nam non ante sed mi placerat fringilla. Cras varius mauris vitae lacus placerat, eu ornare augue rhoncus. Ut dictum neque sit amet dui hendrerit tempor. Aliquam cursus ultricies lectus, ut iaculis dolor varius a. Vivamus scelerisque tempor enim non aliquet. Nullam varius vel tellus quis consequat.

Aenean bibendum purus magna, vitae vehicula leo pulvinar eu. Morbi velit est, pellentesque fermentum gravida a, mattis id libero. Etiam sed molestie ipsum. Donec dignissim, nibh at varius blandit, nisi nisl euismod turpis, a pellentesque erat tortor quis ante. Aliquam vitae velit non ligula tempus vestibulum. Aliquam sit amet imperdiet ligula. Vivamus aliquet enim felis.

Test post #8

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent laoreet erat a auctor interdum. In posuere bibendum mauris sed iaculis. Fusce interdum felis neque, at convallis odio suscipit non. Vestibulum quam metus, iaculis ut ligula at, sollicitudin volutpat nisi. Sed suscipit molestie nisl. Vivamus ornare nec tortor et dapibus. Etiam imperdiet, tortor vel bibendum ullamcorper, enim leo semper ex, a porta purus orci eget lacus. Praesent vulputate cursus tincidunt. Donec iaculis, odio vel condimentum auctor, tortor eros sodales turpis, sed viverra dolor ex eget tortor. Proin sollicitudin sem vulputate sapien suscipit sodales. Nam non ante sed mi placerat fringilla. Cras varius mauris vitae lacus placerat, eu ornare augue rhoncus. Ut dictum neque sit amet dui hendrerit tempor. Aliquam cursus ultricies lectus, ut iaculis dolor varius a. Vivamus scelerisque tempor enim non aliquet. Nullam varius vel tellus quis consequat.

Aenean bibendum purus magna, vitae vehicula leo pulvinar eu. Morbi velit est, pellentesque fermentum gravida a, mattis id libero. Etiam sed molestie ipsum. Donec dignissim, nibh at varius blandit, nisi nisl euismod turpis, a pellentesque erat tortor quis ante. Aliquam vitae velit non ligula tempus vestibulum. Aliquam sit amet imperdiet ligula. Vivamus aliquet enim felis.

So I screwed up the titles and this is test post #10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent laoreet erat a auctor interdum. In posuere bibendum mauris sed iaculis. Fusce interdum felis neque, at convallis odio suscipit non. Vestibulum quam metus, iaculis ut ligula at, sollicitudin volutpat nisi. Sed suscipit molestie nisl. Vivamus ornare nec tortor et dapibus. Etiam imperdiet, tortor vel bibendum ullamcorper, enim leo semper ex, a porta purus orci eget lacus. Praesent vulputate cursus tincidunt. Donec iaculis, odio vel condimentum auctor, tortor eros sodales turpis, sed viverra dolor ex eget tortor. Proin sollicitudin sem vulputate sapien suscipit sodales. Nam non ante sed mi placerat fringilla. Cras varius mauris vitae lacus placerat, eu ornare augue rhoncus. Ut dictum neque sit amet dui hendrerit tempor. Aliquam cursus ultricies lectus, ut iaculis dolor varius a. Vivamus scelerisque tempor enim non aliquet. Nullam varius vel tellus quis consequat.

Aenean bibendum purus magna, vitae vehicula leo pulvinar eu. Morbi velit est, pellentesque fermentum gravida a, mattis id libero. Etiam sed molestie ipsum. Donec dignissim, nibh at varius blandit, nisi nisl euismod turpis, a pellentesque erat tortor quis ante. Aliquam vitae velit non ligula tempus vestibulum. Aliquam sit amet imperdiet ligula. Vivamus aliquet enim felis.