HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>dt plus dd demo</title>
  <style>
    body { font-family: sans-serif; padding: 16px; max-width: 32rem; }
    dt { font-weight: bold; margin-top: 10px; }
  </style>
</head>
<body>
  <dl>
    <dt>HTML</dt>
    <dd>HyperText Markup Language</dd>
    <dt>CSS</dt>
    <dd>Cascading Style Sheets</dd>
    <dt>JS</dt>
    <dd>JavaScript</dd>
  </dl>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    $("dt + dd").css({ marginLeft: "1rem", color: "#475569" });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

dt + dd definition list styling (Try It)