Simulate inline-block with React Native
<p>does anyone know how to simulate display: inline-block with React Native?</p>

<p>Basically I'd like to add a display: inline-block to the created style.</p>

<p>Example:</p>

<p><a href="https://i.stack.imgur.com/e7sVG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e7sVG.png" alt="enter image description here"></a></p>

<p>My purpose is to avoid the "3 days ago" here above split in 2 lines when the message before is too long.</p>

<p>Thanks!</p>

<p>[EDIT]
So here's my React Native code:</p>

<pre><code>&lt;View style={styles.contentContainer}&gt;
    &lt;Text&gt;
        &lt;Text style={styles.content}&gt;{notification.content}&lt;/Text&gt;
        &lt;Text style={styles.created}&gt;   {moment(notification.created, "YYYY-MM-DD[T]hh:mm:ss").subtract(n, 'hours').fromNow()}&lt;/Text&gt;
    &lt;/Text&gt;
&lt;/View&gt;
</code></pre>

<p>And here's the relevant CSS corresponding:</p>

<pre><code>contentContainer: {
    flex: 1,
},
content: {
    textAlign: 'left',
    fontSize: 14,
},
created: {
    textAlign: 'left',
    fontSize: 10,
    color: '#777777',
},
</code></pre>