TM completed segments: 0
Other segments: 124
TM completed words: 0
Other words: 861
Original | Translated |
---|
Original | Similar TM records |
---|---|
Page Image Alignment | |
Welcome to image alignment! | |
The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. | |
Grab a paddle and let's get started. | |
On the topic of alignment, it should be noted that users can choose from the options of |
|
In addition, they also get the options of |
|
text-align: center; | |
Image Alignment 580x300 | |
Image Alignment 580x300 | |
http://wp1.test/wp-content/uploads/2013/03/image-alignment-580x300-1.jpg | |
580 | |
300 | |
The image above happens to be |
|
Image Alignment 150x150 | |
Image Alignment 150x150 | |
http://wp1.test/wp-content/uploads/2013/03/image-alignment-150x150-1.jpg | |
150 | |
150 | |
The rest of this paragraph is filler for the sake of seeing the text wrap around the 150x150 image, which is |
|
As you can see the should be some space above, below, and to the right of the image. | |
The text should not be creeping on the image. | |
Creeping is just not right. | |
Images need breathing room too. | |
Let them speak like you words. | |
Let them do their jobs without any hassle from the text. | |
In about one more sentence here, we'll see that the text moves from the right of the image down below the image in seamless transition. | |
Again, letting the do it's thang. | |
Mission accomplished! | |
And now for a |
|
It also has |
|
Image Alignment 1200x400 | |
Image Alignment 1200x400 | |
http://wp1.test/wp-content/uploads/2013/03/image-alignment-1200x4002-1.jpg | |
1200 | |
400 | |
The image above, though 1200px wide, should not overflow the content area. | |
It should remain contained with no visible disruption to the flow of content. | |
Image Alignment 300x200 | |
Image Alignment 300x200 | |
http://wp1.test/wp-content/uploads/2013/03/image-alignment-300x200-1.jpg | |
300 | |
200 | |
And now we're going to shift things to the |
|
Again, there should be plenty of room above, below, and to the left of the image. | |
Just look at him there... | |
Hey guy! | |
Way to rock that right side. | |
I don't care what the left aligned image says, you look great. | |
Don't let anyone else tell you differently. | |
In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. | |
There should still be plenty of room and everything should be sitting pretty. | |
Yeah... | |
Just like that. | |
It never felt so good to be right. | |
And just when you thought we were done, we're going to do them all over again with captions! | |
caption | |
aligncenter | |
580 | |
Image Alignment 580x300 | |
Image Alignment 580x300 | |
http://wp1.test/wp-content/uploads/2013/03/image-alignment-580x300-1.jpg | |
580 | |
300 | |
Look at 580x300 getting some |
|
Image Settings | |
http://en.support.wordpress.com/images/image-settings/ | |
The image above happens to be |
|
The caption also has a link in it, just to see if it does anything funky. | |
caption | |
alignleft | |
150 | |
Image Alignment 150x150 | |
Image Alignment 150x150 | |
http://wp1.test/wp-content/uploads/2013/03/image-alignment-150x150-1.jpg | |
150 | |
150 | |
Itty-bitty caption. | |
The rest of this paragraph is filler for the sake of seeing the text wrap around the 150x150 image, which is |
|
As you can see the should be some space above, below, and to the right of the image. | |
The text should not be creeping on the image. | |
Creeping is just not right. | |
Images need breathing room too. | |
Let them speak like you words. | |
Let them do their jobs without any hassle from the text. | |
In about one more sentence here, we'll see that the text moves from the right of the image down below the image in seamless transition. | |
Again, letting the do it's thang. | |
Mission accomplished! | |
And now for a |
|
It also has |
|
caption | |
alignnone | |
1200 | |
Image Alignment 1200x400 | |
Image Alignment 1200x400 | |
http://wp1.test/wp-content/uploads/2013/03/image-alignment-1200x4002-1.jpg | |
1200 | |
400 | |
Massive image comment for your eyeballs. | |
The image above, though 1200px wide, should not overflow the content area. | |
It should remain contained with no visible disruption to the flow of content. | |
caption | |
alignright | |
300 | |
Image Alignment 300x200 | |
Image Alignment 300x200 | |
http://wp1.test/wp-content/uploads/2013/03/image-alignment-300x200-1.jpg | |
300 | |
200 | |
Feels good to be right all the time. | |
And now we're going to shift things to the |
|
Again, there should be plenty of room above, below, and to the left of the image. | |
Just look at him there... | |
Hey guy! | |
Way to rock that right side. | |
I don't care what the left aligned image says, you look great. | |
Don't let anyone else tell you differently. | |
In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. | |
There should still be plenty of room and everything should be sitting pretty. | |
Yeah... | |
Just like that. | |
It never felt so good to be right. | |
And that's a wrap, yo! | |
You survived the tumultuous waters of alignment. | |
Image alignment achievement unlocked! |