a href and html.actionlink size not same

Question

If i use below , button display bigger.

<a href="#" class="btn btn-primary"><i class="icon-plus"></i>Add</a>

If i use below , button display smaller than above code.

@Html.ActionLink("Add", "xx", "Law", new { _lawfileid = -1, baseappid = ((ObjectModelLibrary.Law)ViewData["currentLaw"]).LawID }, new { @class = "btn btn-primary icon-plus" })

How can i change Html.Actionlink like a href i ?

What is difference between actionlink and href or how can i set same size for both ?

May be a duplicate of http://stackoverflow.com/questions/7709001/html-actionlink-vs-url-action-in-asp-net-razor — 4dgaurav, Jun 10 '14 at 06:21
They are not the same, the first one has an i element in it and the second one has an extra class. — VahidNaderi, Jun 10 '14 at 06:25
how can i change my actionlink according to a href and i ? if you can post answer i will accept best answer thanks — user3722851, Jun 10 '14 at 06:26

score 0 · Answer 1 · answered May 10 '18 at 10:29

The reason for your issue is that in the first line of code you have an element inside another element. Whereas in the second line of code you have a single element with extra class.

Similar question is already answered on stackoverflow. Please find the link below

Create an ActionLink with HTML elements in the link text

Since you need to build an element inside an element use @Url.Action as mentioned in the above link.

a href and html.actionlink size not same

1 Answers1