Tengo un icono colocado usando:before y el texto que lo sigue a veces se ajusta a dos o tres líneas. Cuando se ajusta, el texto va debajo del icono.

Estoy buscando ayuda de CSS para evitar que el texto se ajuste debajo del icono.

Aquí hay una imagen que muestra a qué me refiero:

CSS actual:

a[href $='.pdf']:before, a[href $='.PDF']:before, a[href $='.pdf#']:before, a[href $='.PDF#']:before, a[href $='.pdf?']:before, a[href $='.PDF?']:before {
    content: "\f1c1";
    font-family: 'FontAwesome';
    color: #999;
    display: inline-block;
    margin: 0px 10px 0 0;
    font-size: 24px;
    vertical-align: middle;
}
.form-title:before {
    float: left;
}

Aquí hay un violín con mi código:violín