Good morning, I have the following code:
<div>
<p class="mt-5 mb-3 text-black">¿No tienes cuenta?</p>
<p class=""><a href="cuenta.html" target="_blank">Crear cuenta</a></p>
</div>
I need to align the two <p> horizontally. I appreciate the collaboration.
Friend there are several methods I will leave you 2 the first one is direct in the html
<div style="display:flex;">
<p class="mt-5 mb-3 text-black">¿No tienes cuenta?</p>
<p class=""><a href="cuenta.html" target="_blank">Crear cuenta</a></p>
</div>
And the other is with the same div you assign a class and you add the CSS
.alinear{
display:flex;
}
And the html you add the class
<div style="display:flex;">
<p class="mt-5 mb-3 text-black">¿No tienes cuenta?</p>
<p class=""><a href="cuenta.html" target="_blank">Crear cuenta</a></p>
</div>
Both methods are thanks to the display flex property and you use the styles you want, such as padding or margin. I hope it serves you.
Good to align objects you can use several methods such as:
Use the align attribute
<!DOCTYPE>
<html>
<head>
</head>
<body>
<p align="center"> hola</p>
</body>
</html>
Use the w3.css download the link file, put in the head link href="file location" and then put a class called w3-center
<!DOCTYPE>
<html>
<head>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>
<body>
<p class="w3-center"> hola</p>
</body>
</html>
Try this code:
<div class="row">
<div class="col-lg-2 col-lg-offset-1">
<p class="mt-5 mb-3 text-black">¿No tienes cuenta?</p>
</div>
<div class="col-lg-2">
<p class=""><a href="cuenta.html" target="_blank">Crear cuenta</a></p>
</div>
</div>