Cómo crear una lista en la posición superior derecha de un elemento

CSS :

.lista{
posición: absoluta;
arriba: 5px;
derecha: 5px;
}
.padre{
ancho: 500 px;
altura: 500 px;
fondo: gris;
posición: relativa;
}

Para controlar la posición de un niño con respecto a su padre, necesita posicionamiento. Si desea que el elemento secundario, es decir, la lista esté contenida dentro de su elemento primario, debe definir la posición relativa para el elemento primario. Luego, desea colocar la lista en la esquina superior derecha, para esto, puede usar la propiedad de posición absoluta . El pariente de posición del padre ayudará a su hijo a permanecer dentro de él.