Trying to center align button in td

html css angularjs twitter-bootstrap-3 ngtable
David M. Karr picture David M. Karr · Mar 13, 2014 · Viewed 102.9k times · Source

I'm having trouble centering a button in a td.

This is probably a simple CSS issue, but the app is using bootstrap, AngularJS, AngularJS-ui-bootstrap, and ngTable. I've included all of these components in my plunkr.

I'm trying to set "horizontal-align: middle" on the td with the button, but that doesn't seem to get applied. The button still leans to the left side of the cell.

Answer

meriadec picture meriadec · Mar 13, 2014

You can use :

display: block;
margin: auto;

Here is your updated plunkr

Related questions

AngularJS ngClass conditional

Is there any way to make an expression for something like ng-class to be a conditional? For example, I have tried the following: <span ng-class="{test: 'obj.value1 == \'someothervalue\''}">test</span> The issue with this …

Read More
Ionic: How to center a div?

THE SITUATION: I am making an app using Ionic framework. In one page i need to display an image. This image has to be horizontally centered. ATTEMPT 1: Following the documentation i have divided one row into three equal columns and …

Read More
Angular material layout - expand to fill window

I am attempting to create an Angular material layout. My goal is to create a page where it fills the entire browser window without creating a vertical scroll bar. At the top of the page is a toolbar that consumes 100% …

Read More