You are developing a page that includes text and an illustration.
The web page resembles the following image.
• You have the following requirements:
• The illustration must be in the center of the page.
• The text must flow around the left, right, top, and bottom of the illustration.
You need to ensure that the layout of the web page meets the requirements.
Which line of code should you use?
A . -ms-wrap-flow: both;
B . -ms-wrap-flow: clear;
C . -ms-wrap-flow: maximum;
D . -ms-wrap-flow: auto;
Answer: A
Explanation:
. -ms-wrap-flow
Gets or sets a value that specifies how exclusions impact inline content within block-level elements.
Syntax
-ms-wrap-flow: auto | both | start | end | maximum | clear
both
Inline flow content can flow on all sides of the exclusion.
Reference: -ms-wrap-flow property
http://msdn.microsoft.com/en-us/library/ie/hh673558(v=vs.85).aspx
http://dev.w3.org/csswg/css3-exclusions/