Right Marginal Alert

Text above the alert.


The Right Marginal Alert design pattern moves the entire alert into the right margin. Inside the alert itself, its heading is absolutely positioned to the left and its paragraph to the right.

Text below the alert.

Notice how the alert is removed from the flow and moves into the margin. Unlike the Floating Alert, you have to size the right or left margin to make room for the marginal alert.