Skip to content

Table headers and text-align #30321

@mdo

Description

@mdo

Screen Shot 2020-02-29 at 9 12 03 AM

The Reboot docs talk about text-align being matched to the <td>, but as you can see above, <th>s aren't left-aligned. This is because we're not explicitly setting text-align anywhere up the DOM. We updated our styles while back I believe to lower the selector specificity to allow .text-* classes on .table, but we didn't reset the default value.

I'd like to fix this by doing one of the following:

  • Setting text-align on the <body> to a default left value.
  • Setting an explicit text-align on the <th> in Reboot (my preferred I think, given lowest specificity and an existing selector).
  • Setting an explicit text-align on the .table.

Thoughts @twbs/css-review?

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions