Как стилизовать функцию эха с несколькими переменными

Question

Я бы хотел, чтобы мой код отображал две переменные в одной и той же функции эха, однако я хочу, чтобы они по-разному их стилизовали.Уменьшаем «id» и получаем другой цвет.Я не знаю, как разделить две переменные, чтобы я мог добавить некоторый промежуточный код.

Я попытался использовать вторую функцию эха, но затем внизу отображается 'id', отдельно от функции 'quote'.

echo "<p class='dash'>---------</p>","<p class='center' style='color:white' align='center'>" .$row['quote'] .$row['id'];

Вывод будет отображаться вот так(жирный текст для вывода):
--------
"Это переменная кавычки" 1

Однако мне нужно, чтобы это отображалось так:

-------
"Это переменная кавычки"
1

Так что в основном нужен какой-то способ добавить стилько второму.(Я уже называл первый)

Answer 1

Другой способ, который исключает использование оператора конкатенации точек:

<?php
$row["quote"] = "This is the quote";
$row["id"] = 1;
$p = [];
$p[0] = "<p class='dash'>---------</p>\n";
$p[1] = "<p class='center' style='color:white' align='center'>$row[quote]<br>\n$row[id]</p>\n";
echo $p[0],$p[1];

live код здесь

Пример реализации HTML:

.dash {
  color: blue;
  font-weight: 300;
}

.center {
  text-algin: center font-weight:900;
}

body {
background:navy
}

<p class='dash'>---------</p>
<p class='center' style='color:white' align='center'>This is the quote<br> 1
</p>