Принудительный перенос строки перед символом @ в HTML

Есть Email адрес в виде katerina.1988.bondaren122@mail.ru, необходимо, чтобы, ЕСЛИ в почте больше 19 символов, ИМЕННО в названии почты "katerina.1988.bondaren122", то перед знаком @ принудительно делается перенос.

Должно получиться:

katerina.1988.bondaren122
@mail.ru

Почта в шаблоне выводится PHP скриптом:
<?php if($f[0][7]) { echo $f[0][7]; } else { echo 'Поле не заполнено'; } ?>