Updated HTML Structure (No Change Required)

Ck Nitin
Jan 08
114
0
1

Article

<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>

Updated HTML Structure (No Change Required)

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: