Align icon in multiline text


How can I align some element into the last line of a multiline text? The icon always is shown in a new line…
This is what I tried:

<FlexboxLayout flexDirection="row" flexWrap="wrap" alignContent="flex-start" (tap)=editTitle($event) *ngIf="!titleEditing">
    <Label class="h2" [text]="item.title" textWrap="true"></Label>
    <Label class="fa edit-icon" text="&#xf044;"></Label>

.fa {
    font-family: "FontAwesome";
    font-size: 20pt;
.edit-icon {
    margin-left: 20px;
<FlexboxLayout (tap)=editTitle($event) *ngIf="!titleEditing">
    <HtmlView [html]="titleWithIcon()"></HtmlView>

private titleWithIcon(): string {
    return '<h2>' + this.item.title + '</h2><span class="fa edit-icon">&#xf044;</span>';

Thanks in advance