HTML and CSS Reference
In-Depth Information
Examples
<div style="direction: rtl">
right to left
</div>
<div style="direction: ltr">
left to right
</div>
<div>
Warning test ahead...
<span style="unicode-bidi: embed; direction: rtl;
background-color: yellow;">
here doing I am What!
</span>
This is just a test
</div>
Compatibility
CSS 2, 3
IE 5+
Netscape 6+, Firefox 1+
Opera 9+, Safari 1+
Note
• While the
direction
property can easily affect block elements, for it to affect
inline-level elements, the
unicode-bidi
property value must be
embed
or
override
.
display
This property specifies an element's display type and can override an element's defined
presentation.
Syntax
display: inline | block | list-item | run-in | inline-block | table |
inline-table | table-row-group | table-header-group |
table-footer-group | table-row | table-column-group | table-column |
table-cell | table-caption | none | inherit
The value
inline
causes an element to act it were an inline element with no returns added,
as shown here:
A value of
block
causes the element to generate a block box: