estoy intentando poner como un pie de foto, para poner el nombre del producto, he intentado div , p y demás pero nada. He buscado por internet si a alguien mas le pasaba, pero su código difiere con el mio y las soluciones no se ajustaban a mi código. Si sabeis ayudarme a partir de lo que tengo hecho, gracias. No he puesto todo el código porque no me deja pero lo importante esta ahí.
<style>
h1 {
color: green;
font-size: 55px;
font-style: italic;
font-weight: bold;
}
p {
color: green;
font-family: fantasy;
font-style: italic;
font-size: 40px;
font-weight: bold;
}
p1 {
color: white;
font-family: fantasy;
font-size: 20px;
font-weight: bold;
}
</style>
<body onload="cargar()">
<h1>LegaGrow Shop</h1>
<p>Las mejores Cachimbas de Leganés</p>
<!-- Listas para agrupar las fotso que actuaran de botones para acceder a ese producto con sus correspodientes caracteristicas -->
<ol>
<li>
<div>
<img style="margin: 20px;" align="left" alt="Cachimba Pequeña Azul" src="https://images-eu.ssl-images-amazon.com/images/I/41E9y4HekJL._AC_US218_.jpg" height="310" width="300">
<p1 align="bottom">Cachimba Pequeña Azul</p1>
<img style="margin: 20px;" align="middle" alt="Camchimba Pequeña Morada" src="http://www.cachimberos.site/wp-content/uploads/2018/09/6192yZieRkL._SL1500_-min.jpg" height="310" width="300">
<img style="margin: 20px;" align="right" alt="Cachimba Pequeña Negra" src="https://images-na.ssl-images-amazon.com/images/I/61pdaourRmL._SY355_.jpg" height="310" width="300">
</div>
</li>