Home/ Questions/Q 7957239
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T04:13:11+00:00

I know this is very basic CSS. How do I keep the span contained

  • 0

I know this is very basic CSS. How do I keep the span contained within the div? At the moment, the span extends outside the top and bottom of the div.

div {
  width: 200px;
  margin: 10px;
  background-color: #ff0;
}
span {
  margin: 5px;
  padding: 5px;
  background-color: #fc0;
}
<body>
  <div>
    <span>span</span>
  </div>
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    To answer your question, this isn’t just an issue with padding or margin, but also with width, display, and the box model.

    jsFiddle

    span {
    display: inline-block;
}

    This will honor any padding, margins, or widths you apply to the span.

    • 0