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

Question

I personally like the

tag because of how it draws a box and puts the

at the top of it, over the border. Like this.

Answer 1

Demo jsBin link

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

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

.fieldset h1 span {
  display: inline;
  border: 1px solid #ffffd;
  background: #fff;
  padding: 5px 10px;
  position: relative;
  top: -1.3em;
}

  
Title
  
Content