Les planteo la siguiente imagen.
Quiero que el texto del contendor DIV se ubique a la derecha del ícono de información, para que el texto no quede desaliñado. Comento que el ícono es una propiedad de Font Awesome Icons con HTML, he intentado con las propiedades 'float' de CSS, text-align, etc., pero no funciona. ¿Podría ser una incompatibilidad con Font Awesome Icons?, espero una solución y gracias.
<script src="https://use.fontawesome.com/releases/v5.0.0/js/all.js"></script>
<div style="padding:3px;position:relative;border-radius:10px;background:linear-gradient(to right, #44d9e6, #0978ef)">
<div style="background:#fff;padding:1rem;line-height:2em;font-weight:bold">
<i class="fas fa-exclamation-circle" style="color:#0978ef"></i>
Contáctanos a través de la vía correspondiente en caso de tener alguna duda, inconveniente o sugerencia.
</div>
</div>