Align first row of text in table to baseline of surrounding text
Is there a way to align the text inside a table to surrounding text? I cant find a question like this anywhere. Seems like it should be do-able without having to resort to replacing the table with divs.
baseline surrounding text here <table style="display: inline-block; background-color: rgba(20,30,40,0.5);"><tr><td>align me to baseline</td></tr><tr><td>abc</td></tr><tr><td>def</td></tr></table>What I'm trying to achieve:
Solution
baseline surrounding text here <table style="border-spacing: 0px; display: inline-block; vertical-align: top; background-color: rgba(20,30,40,0.5);"><tr><td>align me to baseline</td></tr><tr><td>abc</td></tr><tr><td>def</td></tr></table>- Stop for loop repeating tables
- Table Styling - col class should override over td class.. How?
- What's the best way to have a table with sticky header?
- HTML Table, colspan issue
- How to split up a header in angular material table
- HTML Table: Removing borders around empty cells
- Brackets won’t autocomplete table properties
- HTML Table with Border Radius & Sticky Header
- input boxes in table header not showing contents
- Can i change selected row's selection on ant-design table?
- How to retrieve data from the database and display it in a html table using Codeigniter
- How to get multiple selected values of select box in php?
- Different css for table if table has only one row
- CodeIgniter's from() method ignores table passed in as a second parameter in an attempted JOIN query
- How to hide columns in HTML table?
- Table scroll with HTML and CSS
- Change the width of difflib.make_file() HTML Table?
- Balance tables with CSS
- Table columns, setting both min and max width with css
- Generated table creates non-square table cells
- How to get rid of artifacts displayed when a table with a sticky header is scrolled?
- How can I make a table header wide as the page, when a cell contains horizontal overflow?
- Get selected row value using JavaScript
- How to filer multiple TDs with one input text box only
- How do I make one table column fill all the spare horizontal space?
- HTML: can a column span across both header and body rows?
- Padding a table row
- Can we have multiple <tbody> in same <table>?
- Change a specific row data of a HTML table as well as database using AJAX call
- Angular - Press enter on table column starts automatically button click