Sideway
output.to from Sideway
Draft for Information Only

Center a Table with CSS Style

The using of "align" attribute to center a table has been deprecated.
HTML Document Input:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
<title>Sample Page</title>
    </head>
    <body>
<table border="1" align="center" width="250">
<tr>
<td>Apple</td>
<td>Orange</td>
</tr>
<tr>
<td>125</td>
<td>250</td>
</tr>
</table>
    </body>
</html>
HTML Web Page In-line Output:

not support

One way to center a table is using CSS style with auto left and right margin in a fixed width parent block
HTML Document Input:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
<title>Sample Page</title>
<style type="text/css">
table {border:1px solid black;
   margin-left:auto;margin-right:auto;
   width:250px}
td {border:1px solid black;}
</style>
    </head>
    <body>
<table>
<tr>
<td>Apple</td>
<td>Orange</td>
</tr>
<tr>
<td>125</td>
<td>250</td>
</tr>
</table>
    </body>
</html>
HTML Web Page Embedded Output:

not support


┬ęsideway

ID: 100800019 Last Updated: 13/8/2017 Revision: 1

IMAGE

Home 5

Business

Management

HBR 3

Information

Recreation

Hobbies 8

Culture

Chinese 1097

English 337

Reference 67

Computer

Hardware 149

Software

Application 198

Digitization 108

Numeric 19

Programming

Web 283

Unicode 494

HTML 65

CSS 58

ASP.NET 74

OS 389

DeskTop 7

Python 17

Knowledge

Mathematics

Formulas 8

Algebra 25

Number Theory 206

Trigonometry 18

Geometry 18

Calculus 67

Complex Analysis 21

Engineering

Tables 8

Mechanical

Mechanics 1

Rigid Bodies

Statics 92

Dynamics 37

Fluid 5

Fluid Kinematics 5

Control

Process Control 1

Acoustics 19

FiniteElement 2

Physics

Electric 27

Biology 1

Geography 1


Copyright © 2000-2020 Sideway . All rights reserved Disclaimers last modified on 06 September 2019