enter image description here Tell me, please, how to put the buttons in one column in css or html in asp.net mvc

page button code

  • ASP.NET MVC has nothing to do with the issue. - Andrei Khotko

1 answer 1

Here is the solution:

.bgr { display: inline-flex; flex-direction: column; margin-top: 10px; margin-left: 20px; } .button7 { margin-left: 0; margin-top: 0; border-radius: 3px; font-family: Calibri; font-size: 32px; text-decoration: none; padding: .8em 1em calc(.8em + 3px); background: rgb(64,199,129); box-shadow: 0 -3px rgb(53,167,110); color: white; } 
 <div class="bgr"> <a href="@Url/Action("Registation")" class="button7">Registration</a> <a href="@Url/Action("Main", "Main")" class="button7">Main Page</a> </div>

  • added nothing has changed - Dualist
  • Show HTML and CSS. - dmitryshishkin
  • buttons stretched over a page but already a column) - Dualist
  • Add parent more align-items: flex-start; - dmitryshishkin
  • demolished the text closer to the left corner and all the buttons remained the same, can show the background code? - Dualist