HTML and CSS Reference
In-Depth Information
FIGURE 4-42 Setting the wrap-flow property to the value of both to make the inline text wrap on both
sides of the image
The inline text wraps nicely around both the start (left edge of the image) and the end
(right edge of the image). The text is quite close to the image. The wrap-margin property can
be specified to provide a margin around the image. Add this property to your CSS code as
follows:
img {
position: absolute;
height: 100px;
width: 150px;
-ms-wrap-flow: both;
-ms-wrap-margin: 15px;
}
The output of this code is shown in Figure 4-43.
FIGURE 4-43 Setting the wrap-margin property to create a margin around the exclusion
 
Search WWH ::




Custom Search