Как избавиться от переноса текста в строке?

Question

[Максим Иванов]

Макет взял от materialize

<div class="row">
    <div class="col s12">
      <div class="container">

        <p>s12</p>

    </div>
    </div>
    
    <div class="container">
      <div class="leftbar col s12 m3 l3">
        
        <div class="col-content">
          <div class="blc title">Услуги</div>
          
          <span class="blc active">
            <i class="fa fa-space-shuttle"></i>
            <span class="p-left ">Регистрация БПЛА</span>
          </span>

          <span class="blc">
            <i class="fa fa-space-shuttle"></i>
            <span class="p-left">Разрешение на выполнение полета</span>
          </span>

        </div>


      </div>
    

      <div class="mainwrap col s12 m6 l6">
        <p>s12 m4</p>
      </div>
      

      <div class="rightbar col s12 m3 l3">
        <p>Регистрация БПЛА</p>
      </div>
    </div>
    
  </div>

Answer 1

[Алексей]

Для всей строки - css - white-space: nowrap;
Для отдельных слов - неразрывный пробел -  

Comments

[Максим Иванов]

white-space: nowrap;
обрезает в итоге текст

[Алексей]

Максим Иванов: Так а вы что хотели - "избавиться от переноса текста в строке" или что.

[Максим Иванов]

ну, мне как-то придумать бы, чтобы не обрезался и не переносился

[Алексей]

Чтобы и не обрезался и не переносился - попробуйте тогд fittextjs.com