Как исправить не правильное форматирование css который вставляет php?

Доброго вам времени суток.

Я занимаюсь я знаю что аналоги того что я делаю уже существуют , просто мне нужно по практиковаться в php.

Мой код по идеи должен брать css стили и разбрасывать их по style тегам , что он и делает , но некоторые файлы он вставляет с форматированием , а другие нет. На работоспособность стилей это не влияет и никаких проблем они вроде не вызывают , но хочу спросить вас , всё ли в порядке и как это можно исправить.

Это мой php код

<?php function Router($param) {     $dir = $param['init'].$_SERVER["REQUEST_URI"];     if($_SERVER["REQUEST_URI"] !== '/'){         $dir = $dir.'/';     }      if (file_exists($dir."index.php")){         include_once($dir."index.php");         return;     }     if (file_exists($dir."index.html")) {         $page = file_get_contents($dir."index.html");     }     if (count(glob($dir."*.css")) !== 0) {         $css_files = glob("$dir*.css");         foreach ($css_files as $css_file) {             $all_css .= "<style data-src='$css_file'>" . file_get_contents($css_file) ."</style>n";         }         $page = str_replace('</head>', "$all_cssn</head>", $page);     }               echo $page; }  Router(['init' => 'page']);

а это то что мне не нравиться , в нижнем стиле форматирование правильное , а в верхнем нет

Дополнительно:

У вас в голове полная каша. Вы не можете понять где у вас сервер, где HTML, а где браузер.

некоторые файлы он вставляет с форматированием , а другие нет.

РНР не вставляет никакие файлы. Из РНР вы получаете ссылку. Её читает браузер. Который дальше и читает файл, и "вставляет" код, и форматирует его.
При чем то, что браузер показывает в инструментах разработчика, может не иметь вообще ничего общего с тем, что на самом деле лежит в файле. Если хотите посмотреть реальное "форматирование", то надо смотреть сам файл, а не то что браузер рисует в инспекторе

• Спасибо , я кажется потихоньку начинаю понимать .

  А как можно исправить?

  и чем таким отличается это

  .govno { color: aqua; }

  .govno { color: aqua; }

  от этого

  .link { margin-left: 30px; text-decoration: none; color: #000000; font-size: 32px; }

  .link { margin-left: 30px; text-decoration: none; color: #000000; font-size: 32px; }

  Что они по разному отображаются

• А как можно исправить?

  Написать жалобу в Гугль. Или в Спортлото.

• Скорее всего, однострочный он показывает в одну строку, а многострочный раскрывает
  Но в любом случае это вопрос к инструментам разработчика в хроме. Ни к РНР, ни к ccs он никакого отношения не имеет
• Хорошо спасибо