Skip to main content
se añadieron 150 caracteres en el cuerpo
Origen Enlace
Alfabravo
  • 9.9k
  • 5
  • 24
  • 32

Estoy haciendo unas cartas, y el boton de Mas Info o Leer Mas Me queda abajo aca les dejo el codigo css y html. si alguien me ayuda les agradezco.

lo que quiero es que el texto quede acomodado y alineado con la el bloque de la carta no se si me explico. es como esta en la imagen es acomodarlo

.card-container {
    background-color: rgb(179, 179, 34);
    height: 150px;
    width: 190px;
    box-shadow: inset;
    border-radius: 4px;
    align-items: center;
    box-shadow: #30343a;
}
.card-button{
    background-color: white;
    padding: 10px 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    box-shadow: #30343a;
    border-radius: 3px;
    display: inline-block;
}

.card-title {
  text-align: center;
  color:rgb(255, 255, 255);
}

.card-text {
    text-align: center;
    color:rgb(255, 255, 255);
}
<div class="card-container">
            <br>
            <h3 class="card-title">Lobatos</h3>
            <p class="card-text">6 a 11 años</p>
            <br>
            <br>

            <a href="#" class="card-button">Mas info</a>
        </div>

introducir la descripción de la imagen aquí

Estoy haciendo unas cartas, y el boton de Mas Info o Leer Mas Me queda abajo aca les dejo el codigo css y html. si alguien me ayuda les agradezco.

.card-container {
    background-color: rgb(179, 179, 34);
    height: 150px;
    width: 190px;
    box-shadow: inset;
    border-radius: 4px;
    align-items: center;
    box-shadow: #30343a;
}
.card-button{
    background-color: white;
    padding: 10px 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    box-shadow: #30343a;
    border-radius: 3px;
    display: inline-block;
}

.card-title {
  text-align: center;
  color:rgb(255, 255, 255);
}

.card-text {
    text-align: center;
    color:rgb(255, 255, 255);
}
<div class="card-container">
            <br>
            <h3 class="card-title">Lobatos</h3>
            <p class="card-text">6 a 11 años</p>
            <br>
            <br>

            <a href="#" class="card-button">Mas info</a>
        </div>

introducir la descripción de la imagen aquí

Estoy haciendo unas cartas, y el boton de Mas Info o Leer Mas Me queda abajo aca les dejo el codigo css y html. si alguien me ayuda les agradezco.

lo que quiero es que el texto quede acomodado y alineado con la el bloque de la carta no se si me explico. es como esta en la imagen es acomodarlo

.card-container {
    background-color: rgb(179, 179, 34);
    height: 150px;
    width: 190px;
    box-shadow: inset;
    border-radius: 4px;
    align-items: center;
    box-shadow: #30343a;
}
.card-button{
    background-color: white;
    padding: 10px 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    box-shadow: #30343a;
    border-radius: 3px;
    display: inline-block;
}

.card-title {
  text-align: center;
  color:rgb(255, 255, 255);
}

.card-text {
    text-align: center;
    color:rgb(255, 255, 255);
}
<div class="card-container">
            <br>
            <h3 class="card-title">Lobatos</h3>
            <p class="card-text">6 a 11 años</p>
            <br>
            <br>

            <a href="#" class="card-button">Mas info</a>
        </div>

introducir la descripción de la imagen aquí

Revertido a la revisión 4
Origen Enlace
Alfabravo
  • 9.9k
  • 5
  • 24
  • 32

Estoy haciendo unas cartas, y el boton de Mas Info o Leer Mas Me queda abajo aca les dejo el codigo css y html. si alguien me ayuda les agradezco.

lo que quiero es que el texto quede acomodado y alineado con la el bloque de la carta no se si me explico. es como esta en la imagen es acomodarlo

.card-container {
    background-color: rgb(179, 179, 34);
    height: 150px;
    width: 190px;
    box-shadow: inset;
    border-radius: 4px;
    align-items: center;
    box-shadow: #30343a;
}
.card-button{
    background-color: white;
    padding: 10px 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    box-shadow: #30343a;
    border-radius: 3px;
    display: inline-block;
}

.card-title {
  text-align: center;
  color:rgb(255, 255, 255);
}

.card-text {
    text-align: center;
    color:rgb(255, 255, 255);
}
<div class="card-container">
            <br>
            <h3 class="card-title">Lobatos</h3>
            <p class="card-text">6 a 11 años</p>
            <br>
            <br>

            <a href="#" class="card-button">Mas info</a>
        </div>
 

CSSintroducir la descripción de la imagen aquí

.card-container {
    background-color: rgb(179, 179, 34);
    height: 150px;
    width: 190px;
    box-shadow: inset;
    border-radius: 4px;
    align-items: center;
    box-shadow: #30343a;
}
.card-button{
    background-color: white;
    padding: 10px 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    box-shadow: #30343a;
    border-radius: 3px;
    display: inline-block;
}

.card-title {
  text-align: center;
  color:rgb(255, 255, 255);
}

.card-text {
    text-align: center;
    color:rgb(255, 255, 255);
}

Estoy haciendo unas cartas, y el boton de Mas Info o Leer Mas Me queda abajo aca les dejo el codigo css y html. si alguien me ayuda les agradezco.

lo que quiero es que el texto quede acomodado y alineado con la el bloque de la carta no se si me explico. es como esta en la imagen es acomodarlo

CSS

.card-container {
    background-color: rgb(179, 179, 34);
    height: 150px;
    width: 190px;
    box-shadow: inset;
    border-radius: 4px;
    align-items: center;
    box-shadow: #30343a;
}
.card-button{
    background-color: white;
    padding: 10px 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    box-shadow: #30343a;
    border-radius: 3px;
    display: inline-block;
}

.card-title {
  text-align: center;
  color:rgb(255, 255, 255);
}

.card-text {
    text-align: center;
    color:rgb(255, 255, 255);
}

Estoy haciendo unas cartas, y el boton de Mas Info o Leer Mas Me queda abajo aca les dejo el codigo css y html. si alguien me ayuda les agradezco.

.card-container {
    background-color: rgb(179, 179, 34);
    height: 150px;
    width: 190px;
    box-shadow: inset;
    border-radius: 4px;
    align-items: center;
    box-shadow: #30343a;
}
.card-button{
    background-color: white;
    padding: 10px 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    box-shadow: #30343a;
    border-radius: 3px;
    display: inline-block;
}

.card-title {
  text-align: center;
  color:rgb(255, 255, 255);
}

.card-text {
    text-align: center;
    color:rgb(255, 255, 255);
}
<div class="card-container">
            <br>
            <h3 class="card-title">Lobatos</h3>
            <p class="card-text">6 a 11 años</p>
            <br>
            <br>

            <a href="#" class="card-button">Mas info</a>
        </div>
 

introducir la descripción de la imagen aquí

se eliminaron 449 caracteres en el cuerpo
Origen Enlace

Estoy haciendo unas cartas, y el boton de Mas Info o Leer Mas Me queda abajo aca les dejo el codigo css y html. si alguien me ayuda les agradezco.

.card-container {
    background-color: rgb(179, 179, 34);
    height: 150px;
    width: 190px;
    box-shadow: inset;
    border-radius: 4px;
    align-items: center;
    box-shadow: #30343a;
}
.card-button{
    background-color: white;
    padding: 10px 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    box-shadow: #30343a;
    border-radius: 3px;
    display: inline-block;
}

.card-title {
  text-align: center;
  color:rgb(255, 255, 255);
}

.card-text {
    text-align: center;
    color:rgb(255, 255, 255);
}
<div class="card-container">
            <br>
            <h3 class="card-title">Lobatos</h3>
            <p class="card-text">6 a 11 años</p>
            <br>
            <br>

            <a href="#" class="card-button">Mas info</a>
        </div>

lo que quiero es que el texto quede acomodado y alineado con la el bloque de la carta no se si me explico. es como esta en la imagen es acomodarlo

introducir la descripción de la imagen aquí CSS

.card-container {
    background-color: rgb(179, 179, 34);
    height: 150px;
    width: 190px;
    box-shadow: inset;
    border-radius: 4px;
    align-items: center;
    box-shadow: #30343a;
}
.card-button{
    background-color: white;
    padding: 10px 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    box-shadow: #30343a;
    border-radius: 3px;
    display: inline-block;
}

.card-title {
  text-align: center;
  color:rgb(255, 255, 255);
}

.card-text {
    text-align: center;
    color:rgb(255, 255, 255);
}

Estoy haciendo unas cartas, y el boton de Mas Info o Leer Mas Me queda abajo aca les dejo el codigo css y html. si alguien me ayuda les agradezco.

.card-container {
    background-color: rgb(179, 179, 34);
    height: 150px;
    width: 190px;
    box-shadow: inset;
    border-radius: 4px;
    align-items: center;
    box-shadow: #30343a;
}
.card-button{
    background-color: white;
    padding: 10px 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    box-shadow: #30343a;
    border-radius: 3px;
    display: inline-block;
}

.card-title {
  text-align: center;
  color:rgb(255, 255, 255);
}

.card-text {
    text-align: center;
    color:rgb(255, 255, 255);
}
<div class="card-container">
            <br>
            <h3 class="card-title">Lobatos</h3>
            <p class="card-text">6 a 11 años</p>
            <br>
            <br>

            <a href="#" class="card-button">Mas info</a>
        </div>

introducir la descripción de la imagen aquí

Estoy haciendo unas cartas, y el boton de Mas Info o Leer Mas Me queda abajo aca les dejo el codigo css y html. si alguien me ayuda les agradezco.

lo que quiero es que el texto quede acomodado y alineado con la el bloque de la carta no se si me explico. es como esta en la imagen es acomodarlo

CSS

.card-container {
    background-color: rgb(179, 179, 34);
    height: 150px;
    width: 190px;
    box-shadow: inset;
    border-radius: 4px;
    align-items: center;
    box-shadow: #30343a;
}
.card-button{
    background-color: white;
    padding: 10px 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    box-shadow: #30343a;
    border-radius: 3px;
    display: inline-block;
}

.card-title {
  text-align: center;
  color:rgb(255, 255, 255);
}

.card-text {
    text-align: center;
    color:rgb(255, 255, 255);
}

se eliminaron 167 caracteres en el cuerpo; título editado
Origen Enlace
Alfabravo
  • 9.9k
  • 5
  • 24
  • 32
Loading
se añadieron 37 caracteres en el cuerpo
Origen Enlace
Loading
Basicamente es lo que puse en el titulo el Boton Mas Info queda abajo
Origen Enlace
Loading
Origen Enlace
Loading