I am designing a design, but I have not been able to move forward because I don't know how I could implement a tab to the div
or what would be done in the design is a union of 2 boxes, I don't know if using the pseudo elements of the design itself div
or there would be another way to do it.
What I am trying to do is this
I want to add the part where live is written and where the buttons are on the right, how could I do it with css
?.
This is the div
one I want to add the above to:
<div class="col-6 align-self-center">
<div><textarea class="bg-main border-0 w-75" cols="30" rows="10" disabled></textarea></div>
</div>
I would solve it using the pseudo-elements
after
andbefore
using the absolute position for them and relative for thediv
parent, like this:Next I add another way of doing it from which you could give interaction to the buttons that are on the right side of the card: