Align icon in multiline text


#1

Hi,
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>
</FlexboxLayout>

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

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

Thanks in advance
Luma