I am seeking a way to display a block of text only when it is not an empty space (" "), and hide it otherwise. My preference is to achieve this using solely CSS. Here is the code snippet:
<div>Some text here</div>
<div> </div>
<div>Another text here</div>
I want to clarify that removing the " " is not an option (in case you were thinking about suggesting the use of :empty). The divs are placed randomly in the document, which is why I am looking for a solution to hide a div containing only 1 character, or any other similar cases.
To reiterate, I do not have the ability to alter the HTML structure as it fetches data from a database. Therefore, I need to rely on CSS to hide the content/tag of the div. If it helps, the text displayed is static and non-dynamic, changing only when loaded from the database.
Thank you in advance!