Floating Alert

Text above the alert.


The Floating Alert design pattern floats the entire alert. Internally it also floats the alert's heading to the left and its paragraph to the right.

Text below the alert.

Notice how the alert is removed from the flow. Also notice how the browser automatically shrinks the right margin of this text so that it does not collide with the left margin of the floated alert.