[Solved] How do I constrain the width of a html element to the content of said element? [closed]


I’m assuming you’re saying that you only want the H1 element to be as wide as the text within it. If that’s the case, you need to set display: inline;.

h1 {
  margin: auto auto 10px 10px;
  padding-left: 6px;
  border-bottom: 4px outset #227777;
  box-shadow: 0px 3px 10px black;
  display: inline;
}
<div>
<h1>Heading</h1>
</div>

1

solved How do I constrain the width of a html element to the content of said element? [closed]