HTML and CSS Reference
In-Depth Information
TABLE 4-9 Values available for the wrap-flow property
Value
Description
This is the default value. The exclusion item will be over top of the inline element.
auto
The exclusion will force the inline element to wrap smoothly on both sides.
both
The exclusion will force the inline elements to wrap only on the starting edge, and the
ending edge will be empty.
start
The exclusion will force the inline element to wrap only on the ending edge, and the
starting edge will be empty.
end
The exclusion will force the inline element to wrap only on the side with the largest
available space.
maximum
The exclusion will force the inline content to wrap only on the top and bottom and leave
the start and end edges empty.
clear
With the understanding of the values provided by the previous table, you can now apply
these concepts to your pages. The code below will demonstrate the effect of setting the
wrap-low property to both :
<html>
<head>
<style>
p {
width: 80%;
padding-left: 50px;
}
img {
position: absolute;
height: 100px;
width: 150px;
-ms-wrap-flow: both;
}
</style>
</head>
<body>
<p>
Lorem ipsum dolor sit …
debitis.<img src="flowers.jpg"/> Modus elaboraret temporibus no sit. At invidunt
splendide qui, ut pro choro iisque democritum. Partem timeam graecis ea vis, utamur
feugiat …
</p>
</body>
</html>
This code produces the output in Figure 4-42.
 
Search WWH ::




Custom Search