0

When I use the W3-card class, the right side of the element is not always used.

I have set the padding-right to 0px and still same.

What could be reason.

Code below

<div class="w3-content w3-card-4" style="width:500px; padding-right:2px ">
<div class="w3-row">

 <div class="col-md-7">
 <h2 style="color:blue;"> Logged Out </h2>
 <br />
 You have Logged Out Successfully.  You can <a runat="server" class="w3-badge 
 w3-purple w3-hover-blue"  href="~/Login.aspx">Login</a> here
 </div> 
 </div>
 </div>

enter image description here

mantics
  • 57
  • 9
  • Code added to the question – mantics Dec 26 '19 at 15:58
  • Note: the `
    ` tag does not use and does not need a closing slash and never has in HTML.     – Rob Dec 27 '19 at 01:19
  • @Rob. I wouldn't put it that way: `
    ` is a directive that does not need a closing tag. Separately, the slash will cause the tag to be unrecognised. In any case, that is not the question that is asked.     – PerformanceDBA Dec 27 '19 at 03:56

1 Answers1

0

The issue was the use of that class="col-md-7". it is limiting the usage of the other side.

Got it cracked

mantics
  • 57
  • 9
  • Please have a look at [Can I answer my own question?](http://stackoverflow.com/help/self-answer) and come back two days later and check as answered if you have more than 15 reputation. – help-info.de Dec 26 '19 at 16:38