.caja{
    position: relative;
    display: inline-block;
    max-width: 800px;
    }
    
.texto{
    position: absolute;
   color:white;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 50px;
}
.backgroundimg{
    background-image: url("images/apple-pie.jpg");
    background-size: cover; 
    position: relative;
    display: inline-block;
    width: 800px;
    height: 500px;
}
.textoreceta{
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}
.imagen{
    max-width: 100%;
    max-height: 100%;
}

.ingredientDiv{
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 50px;
}
.centeredimage{
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.containerdiv{
    width:800px;
    margin-left: 50px;
}


ul.dashed {
    list-style: none;
    padding-left: 0;
}

ul.dashed > li {
    margin-left: 15px;  
}

/* Prevent nested li's from getting messed up */
ul.dashed > li::before {
    content: "-";
    margin-left: -15px;
}