I want to position 2 elements in such a way that they are in line, the structure is like this; A Div element has 2 divs inside it; I want to put the button that has the camera logo on the right, next to the text, where it is marked with the check mark:
This is my base: The solid color of the box is only for if it is positioned.
<div style="border:solid;">
<div style="width:50%; display:inline-block; border:solid;">
<span>
<strong>Nombre evento</strong>
Descripcion evento
</span>
</div>
<div style="width:50%; display:inline-block; border:solid;">
<span >
<button style="border-radius:5px;" ><i ></i>Boton</button>
</span>
</div>
</div>
I would use
Flexbox
to be able to do it faster I show you the code that I implement and I explain what they are for, on the other hand if you are interested in learning more aboutFlexbox
it I leave you this LinkPS: I saw that you are using the styles
css
inside thehtml
, I recommend that you create a filecss
and have your styles separated and ordered there.I hope to help you with this, anything you tell me, good luck!