Cómo hacer "Notas Destacadas" con CSS

Alguna vez te has dado una vuelta por algunos portales de noticias y te has percado que algunos de ellos utilizan notas destacadas en el interior de sus artículos que como su nombre lo dice "destaca" o hacen contraste con el resto del documento´?
Por ejemplo en estas 2 imágenes podemos ver 2 estilos de hacerlo:

Como pueden ver, son maneras de resaltar la idea principal o ideas específicas que el autor quiera destacar del artículo.

Pues una manera de lograrlo es a través de una maquetación con CSS.

En el buen sitio Intenta, han desarrollado una manera de lograrlo usando maquetación con CSS y haciendo uso de la propiedad float teniendo como resultado algo como lo siguiente: