Aligning Text, Images and Divs

---

Overview:

You can center an image in a div the same way you center text or images with the equals sign:

Text:

Code:

= centered text

In Action:

centered text

---

Images:

Code:

= [[image en:center-an-image-in-a-div/an-image.jpg]]

In Action:

---

Image inside a Div:

Code:

[[div style="width:300px;border:1px solid #000;"]]
= [[image en:center-an-image-in-a-div/an-image.jpg]]
[[/div]]

In Action:

---

Divs:

Use '<', '=', or '>' to align the object left, center or right respectively.

Code:

[[<image an-image.jpg]]

In Action:

Code:

[[=image an-image.jpg]]

In Action:

Code:

[[>image an-image.jpg]]

In Action:

Alternatively, instead of '</=/>', you may use 'text-align' variable in the style of divs.

Code:

[[Div style="text-align: right;"]]
[[image an-image.jpg]]
…."> " : right ….
[[/div]]

In Action:

…."> " : right …..

	cs
	de
	en
	es
	fi
	fr
	id
	it
	ja
	nl
	pl
	pt
	ro
	ru
	tr
	vi
	zh