Hi I have ionic row and two columns I need to display text in single line
<ion-row align-items-center style="margin-left: -7px;">
<ion-col size="7" size-lg offset="7" style="padding:0px;padding-left: 6px;">
<span style="color:#555;font-size: 1em;line-height: 15px;" class="fn-sz-sth"><b>New TAsk Allocated To You</b></span>
</ion-col>
<ion-col size="3" size-lg offset="3" style="padding:0px;padding-left: 6px;">
<p class="category-description" style="color:#555;font-size: 1rem !important;text-align: right;margin-top: 5px;" >
Jan 9,2020,6.51 pm </p>
</ion-col>
</ion-row>
````Preformatted text`
But the text is showing in two lines like
New TAsk Allocated
To you Jan 9,2020,6.51 pm
But I need to get like below
New TAsk Allocated... Jan 9,2020,6.51 pm
So please help me.