Skip to main content
Hacer código ejecutable
Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

Prueba lo siguiente:

HTML

<div class="in-middle">
  <span class="tittle-pad-size">
    What you get?
  </span>
</div>

<div class="www">
     <p>Course for all!</p>
</div>

CSS

.in-middle {
  width: 100%;
  height: 20px;
  border-bottom: 1px solid black;
  text-align: center;
}

.tittle-pad-size {
  font-size: 40px;
  background-color: #ffffff;
  padding: 0 10px;
}
<div class="in-middle">
  <span class="tittle-pad-size">What you get?</span>
</div>

<div class="www">
  <p>Course for all!</p>
</div>
.in-middle {
  width: 100%; height: 20px; 
  border-bottom: 1px solid black; 
  text-align: center;
}

.tittle-pad-size{
  font-size: 40px; 
  background-color: #F3F5F6; 
  padding: 0 10px;  
}
 

Prueba lo siguiente:

HTML

<div class="in-middle">
  <span class="tittle-pad-size">
    What you get?
  </span>
</div>

<div class="www">
     <p>Course for all!</p>
</div>

CSS

.in-middle {
  width: 100%; height: 20px; 
  border-bottom: 1px solid black; 
  text-align: center;
}

.tittle-pad-size{
  font-size: 40px; 
  background-color: #F3F5F6; 
  padding: 0 10px;  
}

Prueba lo siguiente:

.in-middle {
  width: 100%;
  height: 20px;
  border-bottom: 1px solid black;
  text-align: center;
}

.tittle-pad-size {
  font-size: 40px;
  background-color: #ffffff;
  padding: 0 10px;
}
<div class="in-middle">
  <span class="tittle-pad-size">What you get?</span>
</div>

<div class="www">
  <p>Course for all!</p>
</div>
 

Origen Enlace
Archagy
  • 159
  • 1
  • 1
  • 10

Prueba lo siguiente:

HTML

<div class="in-middle">
  <span class="tittle-pad-size">
    What you get?
  </span>
</div>

<div class="www">
     <p>Course for all!</p>
</div>

CSS

.in-middle {
  width: 100%; height: 20px; 
  border-bottom: 1px solid black; 
  text-align: center;
}

.tittle-pad-size{
  font-size: 40px; 
  background-color: #F3F5F6; 
  padding: 0 10px;  
}