I am using Bootstrap 5.1.3 and trying to get a button to center in the footer of a card. Here's the code I'm using:

CSS

.btnStandard {
    min-width: 10vw;
}

HTML

<div >                    
   <button type="button" >
      <div >Tell Me</div>
      <div ><i ></i></div>
   </button>
</div>

Nothing I've tried will let me center the button in the card footer. Any thoughts?

CodePudding user response：

Here you go... You forgot to add d-flex.

Change this...

<div >                    
   <button type="button" >
      <div >Tell Me</div>
      <div ><i ></i></div>
   </button>
</div>

...to this.

<div >                    
   <button type="button" >
      <div >Tell Me</div>
      <div ><i ></i></div>
   </button>
</div>

CodePudding user response：

Try this as well:

<div >                    
   <button type="button" >
      <div >Tell Me</div>
      <div ><i ></i> 
      </div>
   </button>
</div>