Мой встроенный , чтобы раскрасить слово удаляет дорожные пробелы ⇐ Html

[Anonymous]

Я пытаюсь использовать тег для окрашивания команды чата в нижней трети для моего потока. Первоначально я настроил его на дисплей: block; , и когда я использовал промежуток, это вызвало разрыв линии после промежутка, который не сработал. Используя дисплей; Flex; сделал все проще и приятнее в любом случае, так что это здорово! Но теперь у меня нет места после промежутка, вызывая использование! Команда для пожертвования! , чтобы стать использованием! Командовать пожертвовать! так ||

Код: Выделить всё

  Use !command to Donate!  

|| Без использования SPAN в команде! текст становится ||

Код: Выделить всё

Use !command      to donate!

|| Что, я должен быть честным, не было на моей карте бинго, это не могло бы просто сделать то, что я хочу. Class = "Snippet-Code">

Код: Выделить всё

:root {

--base-size: 1.5vw;
--boxart-width: 300px;
--spaceAfterBoxart: calc(100% - 1% - var(--boxart-width));

}

@font-face {
font-family: 'regular';
src: url('font/regular.woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'bold';
src: url('font/bold.woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'italic';
src: url('font/italic.woff');
font-weight: normal;
font-style: normal;
}

body {

font-family: 'regular';
background-color: rgb(0, 0, 25);

}

p {

margin: 0;

}

.slideDiv,
.bgDiv {

transition: opacity 0.1s ease-in-out;
position: absolute;
font-size: var(--base-size);
color: white;
opacity: 1;

width: 100%;
height: 64px;
max-height: 64px;
overflow: hidden;
display: block;

-webkit-text-stroke: 5px black;
paint-order: stroke fill;

}

.gameLineup img,
.incentiveList img {

flex: 0;
float: left;
width: var(--boxart-width);
height: 64px;
object-fit: cover;

}

.gameLineupLeft,
.gameLineupRight {

flex: 1;
float: left;

height: 64px;
max-height: 64px;

}

.gameLineupLeft {

position: relative;
top: 50%;
transform: translateY(-50%);

width: calc(0.80 * var(--spaceAfterBoxart));

}

.gameLineupLeft p {

margin-left: 1%;

}

.gameLineupRight {

width: calc(0.20 * var(--spaceAfterBoxart));
font-size: calc(0.85 * var(--base-size));
background-color: cyan;

display: flex;
place-items: center;

justify-content: center;

}

.gameLineupBottom {

font-family: italic;
font-size: calc(0.75 * var(--base-size));

color: yellow;

}< /code>

[img]https://static-cdn.jtvnw.net/ttv-boxart/19731_IGDB-600x800.jpg[/img]

Now Playing: Portal 2 - Single Player No SLA
Starring Spyran. ★★★★★. Runtime: 1h 30m

!donate to Reel Hope!

Подробнее здесь: https://stackoverflow.com/questions/797 ... whitespace