Wrap your alert/notification info in a <div> so that you don't inherit margins etc. that are typically set on other elements like <p>. This also allows you to define one element within the alert styling instead of having multiple, individual alert/notification messages.

Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sit amet felis finibus, fermentum urna sed, ornare ex. Maecenas ipsum augue, vehicula et hendrerit non, cursus in lectus. Pellentesque at suscipit lectus, sit amet consectetur sem. Integer vehicula orci sit amet ligula tincidunt dictum.

Info

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sit amet felis finibus, fermentum urna sed, ornare ex. Maecenas ipsum augue, vehicula et hendrerit non, cursus in lectus. Pellentesque at suscipit lectus, sit amet consectetur sem. Integer vehicula orci sit amet ligula tincidunt dictum.

Success

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sit amet felis finibus, fermentum urna sed, ornare ex. Maecenas ipsum augue, vehicula et hendrerit non, cursus in lectus. Pellentesque at suscipit lectus, sit amet consectetur sem. Integer vehicula orci sit amet ligula tincidunt dictum.

Warning

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sit amet felis finibus, fermentum urna sed, ornare ex. Maecenas ipsum augue, vehicula et hendrerit non, cursus in lectus. Pellentesque at suscipit lectus, sit amet consectetur sem. Integer vehicula orci sit amet ligula tincidunt dictum.

Error

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sit amet felis finibus, fermentum urna sed, ornare ex. Maecenas ipsum augue, vehicula et hendrerit non, cursus in lectus. Pellentesque at suscipit lectus, sit amet consectetur sem. Integer vehicula orci sit amet ligula tincidunt dictum.