HTML / CSS根据<p>元素设置特定的边框

.headline {
  position: relative;
  display: inline-block;
  border: 1px solid #252525;
  margin-bottom: 120px;
  color: #252525;
  font: 12px 'PT Sans', sans-serif;
  line-height: 20px;
  text-align: center;
}

.header {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100px;
  transform: translate(-50%, -100%);
  background: #FFFFFF;
}

<div id="profil" class="container-fluid">
  <div class="row">
    <div class="span12 text-center">
      <div class="headline">
        <p class="header">
          <span> QUI SUIS-JE ? </span>
        </p>
        <h1>MON PROFIL</h1>
      </div>
    </div>
  </div>
</div>