Is it possible to achieve a -like effect without using the tag?

by

Demo jsBin link 

.fieldset {
  border: 1px solid #ddd;
  margin-top: 1em;
  width: 500px;
}

.fieldset h1 {
  font-size: 12px;
  text-align: center;
}

.fieldset h1 span {
  display: inline;
  border: 1px solid #ddd;
  background: #fff;
  padding: 5px 10px;
  position: relative;
  top: -1.3em;
}
<div class="fieldset">
  <h1><span>Title</span></h1>
  <p>Content</p>
</div>

More Related Contents:

  1. Why do s clear floats?
  2. resizes wrong; appears to have unremovable `min-width: min-content`
  3. Can't get footer image to display in IE8?
  4. How to change the color of text?
  5. How to force child div to be 100% of parent div’s height without specifying parent’s height?
  6. SVG drop shadow using css3
  7. How to replicate background-attachment fixed on iOS [duplicate]
  8. How to customize ?
  9. Switching the order of block elements with CSS [duplicate]
  10. Unwanted margin in inline-block list items [duplicate]
  11. Background image not showing in Safari
  12. How to vertically align into the center of the content of a div with defined width/height?
  13. How to make an element’s background-color a little darker using CSS
  14. Allow specific tag to override overflow:hidden
  15. Aligning decimal points in HTML
  16. Can I nest button inside another button?
  17. How to add border to a container with transparent gaps in between
  18. HTML float right element order
  19. Add text above HTML5 Video
  20. How to get tiles centered and left-justified at the same time
  21. Bootstrap navbar: nothing is displayed on smaller devices
  22. Why does inline-block cause this div to have height?
  23. Text-align class for inside a table
  24. Force iframe YouTube video to center fit and full cover the screen in the background using HTML5 CSS3
  25. How to float a div over Google Maps?
  26. How to create a multi-column list?
  27. Bootstrap – Fill fluid container between header and footer
  28. “break-inside: avoid-column” doesn’t work in Firefox
  29. Align a div to center
  30. Alignment of content vertically in adjacent flexbox containers

Leave a Comment