Jak w poniższym kodzie usunąć słowo Text przy użyciu CSS tak żeby nie oddziaływał na jakikolwiek element, czyli tak jakbym użył display:none. Słowo Text jest stałe, nie zmienia się.

[HTML] pobierz, plaintext 
<div class="col-1">
Text
<strong>22</strong>
</div>
[HTML] pobierz, plaintext 

Albo wstaw tekst w <span>, a ten ukryj poprzez display:none.

A czy to ma być widoczne dla czytników ekranowych? Jaka jest rola tego tekstu? Bo zastosowałbym raczej klasę .sr-only (czy też .visuallyhidden – można znaleźć w kodzie HTML5Boilerplate)