Usuwanie tekstu z diva Opcje

[AboutMe]

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 

Ten post edytował AboutMe 28.12.2016, 23:35:58

[trueblue]

Kod

div.col-1{
  font-size:0;
}
div.col-1 *{
  font-size:20px;
}

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

[Comandeer]

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)