Hi,

Off scope but I don't know a better place to ask.

If this HTML text is in a file, a browser should be able to render it.

<!DOCTYPE html>
<html lang="en">
<head>
<title> Test.html</title>
<meta charset="UTF-8">
<style>
  body { color: black; background: white; }
  div.inline { display: inline; justify-content: space-between; }
</style>
</head>
<body>
<div class="inline"><span>left</span><span>right</span></div>
</body>
</html>

In bullseye, Firefox-esr, "leftright" is rendered at the left edge of the window.

CSS "inline" puts the two words on a line as expected.

I included "justify-content: space-between" with the objective of
putting "left" at the left of the window and "right" at the right.

Why doesn't it work?  How should it be fixed?

Thanks,                  ... P.

Reply via email to