If I use the attribute "display: inline" to the "paragraph" div. The width will be equal to the content inside. However, if I style the parent div to flex, the "paragraph" div width will be expanded.
Expect the right edge of the width to stick right after the letter "a" while preserving the flex parent div.
Would everyone be able to help me in this case? Thanks, everyone.
<body>
<div style="display: flex">
<div style="display: inline;">
This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph. This is a paragraphparagraph.
</div>
<div>icon</div>
</div>
</body>
