On 10/25/22, pe...@easthope.ca wrote:
> 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?
dunno
> How should it be fixed?
I don't know how it _should_ be fixed, but this works for me
<div class="inline" width="100%">
<div style="float:left">left</div>
<div style="float:right">right</div>
</div><br>
<hr>
Regards,
Lee
