margin and code awkward behavior

#html #css #margin #border

What is happening here, it seems as if all the words are in a single line.

Because this is not the case with div etc.

This is happening only with the code tag

<!DOCTYPE html>

Page Title

<br>
.ex{<br>
border-left:5px solid green;<br>
}<br>
code{<br>
margin: 20px;</p>
<div class="highlight"><pre class="highlight plaintext"><code> }
</style>
</head>
<body>
<div class="ex">
<code>
what happens here <br>
whatever why not happening here <br>
whatever why not happening here <br>
whatever why not happening here <br>
whatever why not happening here <br>

&amp;lt;/code&amp;gt;
  &amp;lt;/div&amp;gt;

</body>
</code></pre></div>
<p></html></p>

Top comments (0)

5 Playwright CLI Flags That Will Transform Your Testing Workflow

--last-failed: Zero in on just the tests that failed in your previous run

--only-changed: Test only the spec files you've modified in git

--repeat-each: Run tests multiple times to catch flaky behavior before it reaches production

--forbid-only: Prevent accidental test.only commits from breaking your CI pipeline

--ui --headed --workers 1: Debug visually with browser windows and sequential test execution

Learn how these powerful command-line options can save you time, strengthen your test suite, and streamline your Playwright testing experience. Practical examples included!

--last-failed: Zero in on just the tests that failed in your previous run
--only-changed: Test only the spec files you've modified in git
--repeat-each: Run tests multiple times to catch flaky behavior before it reaches production
--forbid-only: Prevent accidental test.only commits from breaking your CI pipeline
--ui --headed --workers 1: Debug visually with browser windows and sequential test execution

Watch Video 📹️