HTML and CSS Reference
In-Depth Information
Exclusions aren't supported anywhere at the time of this writing, but I'll at least
give you an idea of how they are supposed to work. To make a more interesting
float, you could have a simple section with a figure inside it, like this:
<section>
.
<figure> ... </figure>
.
</section>
Yo u s h o u l d b e a b l e t o a b s o l u t e l y p o s i t i o n t h e fi g u r e i n s i d e t h e s e c t i o n , a n d t h e n
turn it into an exclusion using the
wrap-flow
property:
figure {
position: absolute;
color: #fff;
top: 30%;
left: 40%;
wrap-flow: both;
}
Yo u c a n it h e n g i v e i it p a d d i n g a n d a m a r g i n , l i k e s o :
figure {
position: absolute;
color: #fff;
top: 30%;
left: 40%;
wrap-flow: both;
wrap-padding: 10px;
wrap-margin: 10px;
}
