What is a bug in Chrome?

H

heIIfire2016-11-29 14:56:06

css

heIIfire, 2016-11-29 14:56:06

Greetings! I found a bug in Chrome, but I still don’t understand what’s wrong!
Here is the code (simple)

<!DOCTYPE html>
<html lang="ru">
  <head>
    	<meta charset="utf-8">
    	<title>sss</title>
  </head>
  <body>
    <span style="font-size: 100px;white-space: nowrap">Рейтинг: <span style="background-color: black; color: white">8.9</span></span>
    <span style="font-size: 100px;white-space: nowrap">Режиссер: <span style="background-color: black; color: white">Кристофер Нолан</span></span>
  </body>
</html>

So! In Chrome (well, in browsers with the Chrome engine) there is a transfer!

Can someone shed some light on what the hell this is?

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

D

Dima Pautov, 2016-11-29
@bootd

Let's properties need not inline elements, but block ones:

<div style="font-size: 100px;white-space: nowrap">
      <span>Рейтинг: <span style="background-color: black; color: white">8.9</span></span>
      
    </div>

    <div style="font-size: 100px;white-space: nowrap">
      <span>Режиссер: <span style="background-color: black; color: white">Кристофер Нолан</span></span>
    </div>