<div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 col-12"> <figure class="effect-text-in"> <img src="/UserImages/85e0b072-5418-4066-b093-175247cd63a8/ac5c46d8-31f5-44b7-b136-5b734ef4e043.png" alt="image"> <figcaption> <form id="DeleteImage_13" method="post" action="/Image/deleteimage" style="display: inline;"> <input type="hidden" id="ImageId" name="ImageId" value="13"> <input type="hidden" id="UserId" name="UserId" value="85e0b072-5418-4066-b093-175247cd63a8"> <input type="hidden" id="RegNumber" name="RegNumber" value="9"> <button type="submit" class="btn btn-danger">Delete</button> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8PfSzhs9riJEloHZYT8FNCosNeJBkireHJ8h0VPkK5m3zaPkIZLdHGr9yzIvwynPcl9HSzQeBQUcQwsYjWZbkYsB8qZ4hSkhLafQv-5rd0rG_iHzrD1qQv1WxJjZ3KsJnHPFOs1O0Hix9feUBcqW08d5UN-WD3UAUITBNw2q0Tt0N-7QEcS0OkrFdW-l2Od5hA"> </form> <form id="SetProfile_13" method="post" action="/Image/SetProfilePhoto" style="display: inline;"> <input type="hidden" id="ImageId" name="ImageId" value="13"> <input type="hidden" id="UserId" name="UserId" value="85e0b072-5418-4066-b093-175247cd63a8"> <input type="hidden" id="RegNumber" name="RegNumber" value="9"> <input id="BtnSetProfilePhotos" type="submit" class="btn btn-success" value="Set Profile Photo"> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8PfSzhs9riJEloHZYT8FNCosNeJBkireHJ8h0VPkK5m3zaPkIZLdHGr9yzIvwynPcl9HSzQeBQUcQwsYjWZbkYsB8qZ4hSkhLafQv-5rd0rG_iHzrD1qQv1WxJjZ3KsJnHPFOs1O0Hix9feUBcqW08d5UN-WD3UAUITBNw2q0Tt0N-7QEcS0OkrFdW-l2Od5hA"> </form> </figcaption> </figure> </div>
This CSS works with your existing HTML structure. If both buttons should be inside the figcaption and aligned properly, you can adjust your HTML and CSS as follows:
figcaption
You need to be a premium member to use this feature. To access it, you'll have to upgrade your membership.
Become a sharper developer and jumpstart your career.
$0
$
. 00
monthly
For Basic members:
$20
For Premium members:
$45
For Elite members: