Skip to main content
se añadieron 1209 caracteres en el cuerpo
Origen Enlace
Elboy
  • 1.4k
  • 7
  • 17

Agreta esto al .item2:

.item2 {
    display: flex;
    align-items: center;
}

Si no es lo que quieres, muestra una imagen del diseño final de como quedaría el contenedor.

EDITO: Creo que en base a lo que entendí, quieres algo parecido a esto, No se si los borders los colocaste a modo de muestra o si son parte de la maquetación, si es así puedes ajustarlo para que aparezcan en los contenedores editados:

 .box { 
   display:flex;
   justify-content:center;
   border-style: solid;
   border-color: blue;
}
.items {
  width: 100%;
}
.item1{
   flex:1;
   display: flex;
   justify-content: center;
   font-size:5rem;
   border-style: solid;
   border-color: coral;
}

.item2{
   font-size:2rem;
   border-style: solid;
   border-color: yellow;
   display: flex;
   justify-content: end;
   align-items: center;
}
<div class="box">
    <div class="items item0">
    </div>
    
    <div class="items item1">
      <div>99.999.00</div>
    </div>
    
    <div class="items item2">
      <div>99.999.00</div>
    </div>
</div>

Agreta esto al .item2:

.item2 {
    display: flex;
    align-items: center;
}

Si no es lo que quieres, muestra una imagen del diseño final de como quedaría el contenedor.

Agreta esto al .item2:

.item2 {
    display: flex;
    align-items: center;
}

Si no es lo que quieres, muestra una imagen del diseño final de como quedaría el contenedor.

EDITO: Creo que en base a lo que entendí, quieres algo parecido a esto, No se si los borders los colocaste a modo de muestra o si son parte de la maquetación, si es así puedes ajustarlo para que aparezcan en los contenedores editados:

 .box { 
   display:flex;
   justify-content:center;
   border-style: solid;
   border-color: blue;
}
.items {
  width: 100%;
}
.item1{
   flex:1;
   display: flex;
   justify-content: center;
   font-size:5rem;
   border-style: solid;
   border-color: coral;
}

.item2{
   font-size:2rem;
   border-style: solid;
   border-color: yellow;
   display: flex;
   justify-content: end;
   align-items: center;
}
<div class="box">
    <div class="items item0">
    </div>
    
    <div class="items item1">
      <div>99.999.00</div>
    </div>
    
    <div class="items item2">
      <div>99.999.00</div>
    </div>
</div>

se añadieron 96 caracteres en el cuerpo
Origen Enlace
Elboy
  • 1.4k
  • 7
  • 17

Agreta esto al .item2:

.item2 {
    display: flex;
    align-items: center;
}

Si no es lo que quieres, muestra una imagen del diseño final de como quedaría el contenedor.

Agreta esto al .item2:

.item2 {
    display: flex;
    align-items: center;
}

Agreta esto al .item2:

.item2 {
    display: flex;
    align-items: center;
}

Si no es lo que quieres, muestra una imagen del diseño final de como quedaría el contenedor.

Origen Enlace
Elboy
  • 1.4k
  • 7
  • 17

Agreta esto al .item2:

.item2 {
    display: flex;
    align-items: center;
}