Centrar texto con border-bottom aplicado
Publicado por Israel (51 intervenciones) el 07/08/2021 15:23:12
Tengo un parrafo con un border-bottom aplicado a él. Para que dicho borde ocupe exclusivamente el ancho del parrafo; no el ancho de la ventana del Navegador, convierto el parrafo a etiqueta inline a traves del la propiedad display. Una vez hecho todo esto no consigo centrar el parrafo horizontalmente en la ventana del Navegador.
<style>
body{
margin:0;}
p{
margin:0;
font-size:80px;
color:blue;
border-bottom:solid 5px blue;
padding-bottom:5px;
display:inline;
text-align:center; // No funciona
margin:0 auto; //No funciona
</style>
<body>
<p>Esto es un parrafo</p>
</body>
Un saludo.
<style>
body{
margin:0;}
p{
margin:0;
font-size:80px;
color:blue;
border-bottom:solid 5px blue;
padding-bottom:5px;
display:inline;
text-align:center; // No funciona
margin:0 auto; //No funciona
</style>
<body>
<p>Esto es un parrafo</p>
</body>
Un saludo.
Valora esta pregunta
0
