Setting padding in nested text elements has no effect

I want to make a component like [antd divider](https://ant.design/components/divider/), but setting the width and padding on the nested text has no effect. If want to leave a little space in the middle of the text and place a vertical dividing line, what do I need to do?

```jsx
const Demo = () => (


padding take effect
Not take effect some word


);

const styles = StyleSheet.create({
text: {
padding: '0 48pt',
},
});

ReactPDF.render();
```


Start by reproducing the supplied nested example with ReactPDF.render and compare it with the working top-level case. Trace how nested text layout handles width and padding. Done means the example produces the intended spacing, or the limitation and supported behavior are documented.

Written by the indexing model from the issue text.