are css tables better than html tables

7/29/2019 Are CSS Tables Better Than HTML Tables

1/21

Are CSS Tables Better Than HTML Tables?

bySteven Bradley

on October 13, 2011

Archived inCSS

You are here:

Home/Blog/CSS/Are CSS Tables Better Than HTML Tables?

Mention css and tables in the same sentence and controversy is sure to follow. Web designers

like myself have been telling younot to use html tables for layoutsand now here we have a wayto create tables with css alone.

Whats the difference between html tables and css tables? Should we use css tables? If so how?

Once again I want to thank Pedro for emailing me the idea to talk about css tables. I hope I cover

what youre interested in knowing.

Lets get to the how of css tables first and then tackle the question of whether or not youd want

to use them in practice.

How to Create CSS Tables

Thecss table modelis based on the html4 table model and has pretty goodbrowser support. In

both table models the table structure parallels the visual display of the table itself.

Rows are primary. The row is specified explicitly and columns are derived from how the rows

and cells are set up.
http://www.vanseodesign.com/about/http://www.vanseodesign.com/about/http://www.vanseodesign.com/about/http://www.vanseodesign.com/category/css/http://www.vanseodesign.com/category/css/http://www.vanseodesign.com/category/css/http://www.vanseodesign.com/http://www.vanseodesign.com/http://www.vanseodesign.com/blog/http://www.vanseodesign.com/blog/http://www.vanseodesign.com/blog/http://www.vanseodesign.com/category/css/http://www.vanseodesign.com/category/css/http://www.vanseodesign.com/category/css/http://www.vanseodesign.com/css/css-divs-vs-tables/http://www.vanseodesign.com/css/css-divs-vs-tables/http://www.vanseodesign.com/css/css-divs-vs-tables/http://www.w3.org/TR/CSS2/tables.htmlhttp://www.w3.org/TR/CSS2/tables.htmlhttp://www.w3.org/TR/CSS2/tables.htmlhttp://caniuse.com/css-tablehttp://caniuse.com/css-tablehttp://caniuse.com/css-tablehttp://www.flickr.com/photos/59810064@N07/5646039032/http://caniuse.com/css-tablehttp://www.w3.org/TR/CSS2/tables.htmlhttp://www.vanseodesign.com/css/css-divs-vs-tables/http://www.vanseodesign.com/category/css/http://www.vanseodesign.com/blog/http://www.vanseodesign.com/http://www.vanseodesign.com/category/css/http://www.vanseodesign.com/about/


2/21

Im sure youve worked with html tables before and if you have you shouldnt have any problem

creating css tables.

Each html table element has an equivalent css display value. The only real difference is that

theres no distinction between td and th with the css variety.

Below are the html table elements and their corresponding css display value.

1

2

3

4

5

6

7

8

9

table { display: table }

tr { display: table-row }

thead { display: table-header-group }

tbody { display: table-row-group }

tfoot { display: table-footer-group }

col { display: table-column }

colgroup { display: table-column-group }

td, th { display: table-cell }

caption { display: table-caption }

Captions can be positioned above or below the table with the caption-side property

1

2

#caption {caption-side: top}

#caption {caption-side: bottom}

Looking at the above it shouldnt be too hard to figure out how to set up a css table. Heres asimple example.

1

2

3

45

6

7

8

9

10

11

12

13

14

15

16

17

1

2

3

#table {display: table;}

.row {display: table-row;}

.cell {display: table-

cell;}

If you look only at the html above you can easily see the basic table structure except that Iveused div and span with ids and classes instead of table, tr, and td.


3/21

A relatively small amount of css then presents the divs and spans as the familiar table, table row,

and table cell.

In addition to the above the css table model includes an inline-table value, which defines a new

table the same as display: table, but does so according to the inline formatting context.

Columns and Column-Groups

While tables cells are always descendants of table rows it makes sense to set some properties oncolumns. The css table model allows for the following on columns and column-groups

borderThe usual properties as long as border-collapse has been set to collapse on thetable element

backgroundThe usual properties as long as both row and cell have background set totransparent

widthSets a max-width on the column visibilityIf set to collapse (the only available value) thencolumn cells dont display,

cells spanning into other columns are clipped, and width of the table is adjusted

CSS Table Stacking Context

Different table elements have differentstacking contextsfor the purpose of adding backgroundsto these different layers.

These layers can be seen in the image below.

1. tablelowest layer2. column group3. columns
http://www.w3.org/Style/Examples/007/folding.en.htmlhttp://www.w3.org/Style/Examples/007/folding.en.htmlhttp://www.w3.org/Style/Examples/007/folding.en.htmlhttp://www.vanseodesign.com/css/css-stack-z-index/http://www.vanseodesign.com/css/css-stack-z-index/http://www.vanseodesign.com/css/css-stack-z-index/http://www.flickr.com/photos/1967chevrolet/4272868759/http://www.vanseodesign.com/css/css-stack-z-index/http://www.w3.org/Style/Examples/007/folding.en.html


4/21

4. row group5. rows6. cellshighest layer

The background of any layer will only be seen if all the layers above it have backgrounds set to

transparent.

This can be a nice way to show an empty cell is truly empty by having its background betransparent and letting the background of the row, column, or table show through.

Table Layout Algorithm

The width of css tables can becalculated using one of two algorithms. This can be controlled

through the table-layout property and the 2 values below.

fixedThe width of the layout is not determined by its content, but rather by the widthsset on the table, cells, borders, and/or cell spacing

autoThe width of table is set by width of columns and bordersThe important thing to consider is that a fixed table-layout is a one-pass calculation and very

quick. On the other hand auto requires the same multiple passes of html tables. Its also thedefault value.

If you explicitly set a width on the table then the fixed table layout algorithm will be used.
http://www.w3.org/TR/CSS2/tables.html#width-layouthttp://www.w3.org/TR/CSS2/tables.html#width-layouthttp://www.w3.org/TR/CSS2/tables.html#width-layouthttp://www.w3.org/TR/CSS2/tables.htmlhttp://www.w3.org/TR/CSS2/tables.html#width-layout


5/21

By default the cell height will be the minimum necessary to display the contents of the cell, but

you can also explicitly set heights. All cells in a row will be the height of the cell with themaximum minimum necessary height.

The vertical-align property of each table cell determines the cells alignment within the row

baseline top bottom middle sub, super, text-top, text-bottom, ,

The last group of values do not apply to cells, but the text within the cells. The cell is aligned at

the baseline instead.

CSS Table Borders

There are 3 interesting properties for table borders

border-collapsevalues can be collapse, separate, or inherit border-spacingvalues can be (horizontal), (vertical), or inherit.

border-spacing is the distance between cell borders.

empty-cellsvalues can be show, hide, or inherit. If cells are empty or set to visibility:hidden content doesnt show by default. Setting empty-cells: show on the table will cause

backgrounds and borders to display for the empty cell.

Should You Use CSS Tables?
http://www.w3.org/TR/CSS2/tables.html


6/21

Are css tables better than html tables? If so what advantages do they have and if not why should

we use them at all? Good questions that I dont have great answers for.

I can say Ive never used a css table in practice and have no intention of using them any time

soon. If a page calls for tabular content it strikes me than an html table is called for and I think

we have and will havebetter techniques for site layoutthan css tables.

I took a look at an older post I wrote oncss vs tablesto remind myself of the cons for using htmltables for layout over a combination of divs and css.

Extra codehtml tables require more structural code than divs, but css tables use justas much. If anything css tables use more since ids and classes will likely be added. If

html tables use too much code then css tables do too.

Rigid structurehtmltables are source dependent. The order you structure the cells isthe same order in which theyll display. The same is essentially true of css tables as well.

Browser renderingbrowsers require multiple passes at the structure of html tables.They should only require one pass to display a css table if the table-layout is set to fixed.Theyll require the same multiple passes if set to auto.

Considering the above css tables arent offering enough benefit over html tables to use them forlayout.

We could reach and suggest that since the css can be easily changed a css table is less rigid than

an html table, but in practice I think theyre going to be just as rigid.

CSS tables do have theadvantage of being more semantically correctas we can choose htmlelements that better describe our content.

Overall its hard for me to see much improvement in css tables over html tables, some perhaps,but not enough to justify to myself using them.

I think some of the other css layout modules on the horizon will be better and even our current

practice ofusing floatsandpositioning for layoutare still a better option.

At the same time I cant say Ive worked much with css tables. This post is the most time Ivespend with them since theyve been introduced and Im open to someone elses reasons for why

we should use them.

I have a hunch theyll remain in use to solve some specific problems likevertically centeringcontentor cleverlyswitching the display orderof different elements in a responsive design.

They may also prove to be a goodpattern for navigation. I dont see them being a viable solution

to the problem of layouts though.
http://www.vanseodesign.com/css/elastic-layout-code/http://www.vanseodesign.com/css/elastic-layout-code/http://www.vanseodesign.com/css/elastic-layout-code/http://www.vanseodesign.com/css/css-divs-vs-tables/http://www.vanseodesign.com/css/css-divs-vs-tables/http://www.vanseodesign.com/css/css-divs-vs-tables/http://meyerweb.com/eric/thoughts/2009/02/17/wanted-layout-system/http://meyerweb.com/eric/thoughts/2009/02/17/wanted-layout-system/http://meyerweb.com/eric/thoughts/2009/02/17/wanted-layout-system/http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/http://www.vanseodesign.com/css/understanding-css-floats/http://www.vanseodesign.com/css/understanding-css-floats/http://www.vanseodesign.com/css/understanding-css-floats/http://www.vanseodesign.com/css/css-positioning/http://www.vanseodesign.com/css/css-positioning/http://www.vanseodesign.com/css/css-positioning/http://www.vanseodesign.com/css/vertical-centering/http://www.vanseodesign.com/css/vertical-centering/http://www.vanseodesign.com/css/vertical-centering/http://www.vanseodesign.com/css/vertical-centering/http://adactio.com/journal/4780/http://adactio.com/journal/4780/http://adactio.com/journal/4780/http://forabeautifulweb.com/blog/about/are_css_tables_ready_for_prime_time/http://forabeautifulweb.com/blog/about/are_css_tables_ready_for_prime_time/http://forabeautifulweb.com/blog/about/are_css_tables_ready_for_prime_time/http://forabeautifulweb.com/blog/about/are_css_tables_ready_for_prime_time/http://adactio.com/journal/4780/http://www.vanseodesign.com/css/vertical-centering/http://www.vanseodesign.com/css/vertical-centering/http://www.vanseodesign.com/css/css-positioning/http://www.vanseodesign.com/css/understanding-css-floats/http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/http://meyerweb.com/eric/thoughts/2009/02/17/wanted-layout-system/http://www.vanseodesign.com/css/css-divs-vs-tables/http://www.vanseodesign.com/css/elastic-layout-code/


7/21

Summary

CSS tables are pretty simple to understand and use. Its mostly a matter of remembering thecorresponding css display property values for the basic html table elements.

table becomes display: table. td becomes display: table-cell, etc.

There are some nice features of css tables like the ability to collapse one or more columns

through the visibility: collapse property and they can be used as solutions to some specificproblems.

However they dont provide enough advantage for me over html tables when it comes to layout.Their advantages seem minor and a bit of a reach. Ultimately I think we have better layout

solutions than both html and css tables.

How to Create Beautiful and Elegant HTML

Lists Using CSS
http://www.flickr.com/photos/alexlomas/6073276846/


8/21

HTML list have become one of the most used HTML elements for marking-up various semantic

content structuresnavigation, comments and even image galleries.

This article will explain and show you how to style lists inside blog posts, articles or other basic

HTML documents.

Before we start, it is necessary to understand the importance of using specific HTML tags

and , instead of simple numbering (like 1., 2. or , ) for building lists. By applying contenta semantic structure, we emphasize the relationships between different content elements. In caseof lists we are able to imply that there is a certain relationship between all of the list members,

which is possibly described by the paragraph introducing the list. It also helps screen reader users

for whom the total number of items is announced before the rest of the list.

Default list rendering in standards aware browsers and Internet Explorer

Lets look at the default rendering of ordered and unordered lists by Web standardsaware browsers (with Gecko, Webkit or Opera rendering engine) and Internet Explorer (IE).
http://konstruktors.com/wp-content/uploads/2008/02/list-rendering-standards-ie-thumb.pnghttp://konstruktors.com/wp-content/uploads/2008/02/anatomy-of-html-lists-unordered-ordered.pnghttp://konstruktors.com/wp-content/uploads/2008/02/list-rendering-standards-ie-thumb.pnghttp://konstruktors.com/wp-content/uploads/2008/02/anatomy-of-html-lists-unordered-ordered.png


9/21

It turns out that IE applies default left side margin to the list container ( and ) whilestandards aware browsers apply left side padding. These differences in list rendering force us to

set both padding and margin of to 0 and continue to work only with styling tag.

Another thing we notice is that list bullets or numbering becomes invisible in IE with the left

side margin set to 0.

Getting the list rendering consistent among all browsers

To solve the invisible bulletproblem described above, its a good idea to use relative positioning

of list containers and . By doing so, we will be able to create much more advanced liststyle later without repeating most of the CSS.

CSS for simple lists

ul, ol {

margin:auto -3em 1em 0;

padding:0;

position:relative;

left:-3em;

overflow:hidden;

}

li {

margin-top:0.25em;

margin-bottom:0.25em;

}

ul ul, ul ol,

ol ol, ol ul {

margin-left:1em;

padding-left:0;}

ul li, ol li {

margin-left:5em;

}

li li {

margin-left:1em;

}

Internet Explorer specific CSS

To fix IEs ability to do the math correctly, we have to enablehasLayoutproperty for all of our and tags. This is done by usingconditional comments:

ul, ol { height:0; overflow:visible; }

ul, ol { height:1%; }
http://www.satzansatz.de/cssd/onhavinglayout.htmlhttp://www.satzansatz.de/cssd/onhavinglayout.htmlhttp://www.satzansatz.de/cssd/onhavinglayout.htmlhttp://www.quirksmode.org/css/condcom.htmlhttp://www.quirksmode.org/css/condcom.htmlhttp://www.quirksmode.org/css/condcom.htmlhttp://www.quirksmode.org/css/condcom.htmlhttp://www.satzansatz.de/cssd/onhavinglayout.html


10/21

Output

List is now rendered equally in all browsers. For illustration purposes a yellow background is

applied to the list container , gray border shows the dimensions of, while list items

have gray background.

Flat lists for more content per list item

Sometimes you have multiple lines of content per list item and then it might be reasonable to

align the lists with the rest of the content in order to sustain the vertical flow of it.

CSS forflatlists

.flat li {

margin-left:3em;

}

.flat li ul, .flat li ol {

margin-left:1em;

padding-left:0;}

.flat li li {

margin-left:0;

}

Notice the little amount of CSS, but more importantly that it is rendered equally among all of thebrowsers and we can still use the default bullet styles instead of images.


11/21

However, sometimes one might want to use custom style list bullets. This can be done using the

list-style-image property in CSS.

Lists with custom style bullets

Note:dont forget to remove the line break afterlist-style-image: to get it working.

CSS:

ul.bullet-a li {

list-style-image:

url('bullet-image-a.png');

}

ul.bullet-b li {

list-style-image:

url('bullet-image-b.png');

}

Although the alignment of the list image is not pixel perfect among all of the browsers, it is more

than satisfactory if the height of the bullet image doesnt exceed 10 pixels. One might suggest to

use background of tag as a list bullet image, but this would brake the ability to combine


12/21

multiple CSS identifiers per list, like because of inheritedmargin settings.

All the small details

Notice that the spacing between list items in the last example (rounded image bullets) is largerthan the default one (arrow image bullets). This enhances readability and separates list itemssimilarly to paragraphs. So here is the final set of CSS styles to suite most of the needs:

.spaced {

margin-bottom:0;

}

.spaced ul, .spaced ol {

margin-top:1em;

}

.spaced li {

margin-bottom:1em;}

.indent li {

padding-left:1em;

text-indent:-1em;

}

.inside li {

list-style-position:inside;

}

.clear li {

list-style-type:none;

}

You can see that one of the previous examples already utilizes the spaced styling, whileindent, inside and clear might benefit from a few examples:

All of CSS combined & list style cheat-sheet

View all of the list style examplesin your browser. View the resulting CSS asa seperate file(bullet images: ) Download a list style CSS classname cheat-sheet(.pdf) which you can print and use as a

reference when composing your articles, blog posts or other HTML documents.
http://konstruktors.com/wp-content/uploads/2008/02/index.htmlhttp://konstruktors.com/wp-content/uploads/2008/02/index.htmlhttp://konstruktors.com/wp-content/uploads/2008/02/konstruktors-lists.csshttp://konstruktors.com/wp-content/uploads/2008/02/konstruktors-lists.csshttp://konstruktors.com/wp-content/uploads/2008/02/konstruktors-lists.csshttp://konstruktors.com/wp-content/uploads/2008/02/konstruktors-html-list-cheat-sheet.pdfhttp://konstruktors.com/wp-content/uploads/2008/02/konstruktors-html-list-cheat-sheet.pdfhttp://konstruktors.com/wp-content/uploads/2008/02/bullet-image-b.pnghttp://konstruktors.com/wp-content/uploads/2008/02/bullet-image-a.pnghttp://konstruktors.com/wp-content/uploads/2008/02/bullet-image-b.pnghttp://konstruktors.com/wp-content/uploads/2008/02/bullet-image-a.pnghttp://konstruktors.com/wp-content/uploads/2008/02/bullet-image-b.pnghttp://konstruktors.com/wp-content/uploads/2008/02/bullet-image-a.pnghttp://konstruktors.com/wp-content/uploads/2008/02/konstruktors-html-list-cheat-sheet.pdfhttp://konstruktors.com/wp-content/uploads/2008/02/konstruktors-lists.csshttp://konstruktors.com/wp-content/uploads/2008/02/index.html


13/21

Screenshot showing the use of various HTML list styles

Internet Explorer specific HTML and CSS

ul, ol { height:0; overflow:visible; }

ul, ol { height:1%; }

Few suggestions:

Bullet image height preferably should not exceed 10 pixels. Lower image height makes themlook better in Internet Explorer. If you want bullet images to be transparent, save them as

transparent GIF or 8-bit PNG files. You might find it useful to apply this styling only to your post content, which can be easily done

by prepeding the identifier of your post wrapper (like .post or .article) to all of the list

styles. The end result would be something like .post ul, .post ol {}.

Default list formating

List item one Another list item Next in here The final item1. List item one2. Another list item
http://konstruktors.com/wp-content/uploads/2008/02/list-example-result.png


14/21

3. Next in here4. The final item

Default list formating (visually)

List item one Another list item Next in here The final item1. List item one2. Another list item3. Next in here4. The final item

Where is the list's margin and padding?ul { padding-left:40px; }

List item one Another list item Next in here The final item

ul { padding-left:0; }


ul { padding:1em 0; }


ul { padding:0; }



15/21

ul { margin-left:40px; }


ul { margin-left:0; }


ul { margin:1em 0; }


ul { margin:0; }


Getting it consistent among browsers

Notice: All of the following examples use an additional CSS identifier ul.normal and

ol.normal, which for you should be simply ul and ol.

CSS:

/* Used by IE7, but wont't

harm anybody else. */

body { min-height:0; }

ul, ol {

margin:auto -3em 1em 0;

padding:0;

position:relative;

left:-3em;

overflow:hidden;

}


16/21

ul ul, ul ol,

ol ol, ol ul {

margin-left:1em;

padding-left:0;

}

ul li, ol li {

margin-left:5em;

}

li li {

margin-left:1em;

}

ul, ol {

/* Apply only (!)

to IE6 */

height:0;

overflow:visible;

}

Normal unordered list

This is very useful for list items which are in fact paragraphs and contain a lot of text:o First item insideo Second item inside

Another list item a b c d e f g h i j k l m n o Next in here The final item

Normal ordered list

1. This is very useful for list items which are in fact paragraphs and contain a lot of text:1. First item inside2. Second item inside

2. Next in here3. The final item

CSS:

.flat li {

margin-left:3em;

}

.flat li ul, .flat li ol {

margin-left:1em;

padding-left:0;

}

.flat li li {

margin-left:0;

}


17/21

Flat unordered list

This is very useful for list items which are in fact paragraphs and contain a lot of text: Another list item with letters inside:

o First item insideo Second item inside

Next in here The final item

CSS:

In addition to .flat style:

.spaced {

margin-bottom:0;

}

.spaced ul, .spaced ol {margin-top:1em;

}

.spaced li {

margin-bottom:1em;

}

Flat and "spaced" unordered list

This is very useful for list items which are in fact paragraphs and contain a lot of text: Another list item with letters inside. Final item on the list.

CSS:

Note: don't forget to remove the line break afterlist-style-image: to get it work.

ul.bullet-a li {

list-style-image:

url('bullet-image-a.png');

}

ul.bullet-b li {

list-style-image:url('bullet-image-b.png');

}

.indent li {

padding-left:1em;

text-indent:-1em;

}

.inside li {


18/21

list-style-position:inside;

}

.clear li {

list-style-type:none;

}

Unordered list with image bullets normal


About the credit cards and mortage payments; Final item on the list.

Unordered list with image bullets flat

This is very useful for list items which are in fact paragraphs and contain a lot of text: About the credit cards and mortage payments;


Final item on the list.Unordered list with image bullets flat and spaced

This is very useful for a a a list which are in fact paragraphs and contain a lot of text; About the credit cards and mortage payments;


Final item on the list.

Final examples

Simple list

This is very useful for a a a list which are in fact paragraphs and contain a lot of text;o First item insideo Second item inside


Normal spaced ordered list



19/21

Next in here The final item

Unordered list with image bullets normal

This is very useful for a a a list which are in fact paragraphs and contain a lot of text;o First item insideo Second item inside


Unordered list with image bullets flat and spaced



Final item on the list.Unordered list with image bullets flat and spaced



Final item on the list.

Flat and indented unordered list

Be sure to take the following things with you:

passport (valid upon 3 month from now) or other ID, printed airplane ticket, hotel confirmation.

Clear unordered list


passport (valid upon 3 month from now), printed airplane ticket, hotel confirmation.

Unordered list with list bullet inside



20/21

passport (valid upon 3 month from now), printed airplane ticket, hotel confirmation.

Example of an article

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In gravida. Maecenas libero ligula,

aliquet a, consequat at, dignissim vitae, eros. Vestibulum posuere urna sed turpis. Cras vulputatetortor sed libero. Nam nulla. Ut et purus id erat mattis nonummy.

Donec blandit ante at metus. Aliquam erat volutpat. Suspendisse nisi magna, venenatiseget, lobortis sit amet, fringilla ut, eros. Morbi pretium, leo eget vulputate blandit, pede

sem ornare quam, sed rutrum odio eros eget elit.

Nam nulla nisi, laoreet quis, sagittis quis, volutpat sed, diam. Cras diam magna, faucibussit amet, ornare eget, consequat sit amet, ligula.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpisegestas. Aliquam pede. In hac habitasse platea dictumst. Vestibulum ante ipsum primis infaucibus orci luctus et ultrices posuere cubilia Curae;

Duis ultrices eleifend ipsum. Pellentesque eget odio. Donec lobortis. Aenean viverra, arcu sed

interdum rhoncus:

pede erat faucibus quam, eu porta lorem justo in odio donec rutrum nisi ut nibh. In felis diam, ultrices nec, mollis at, euismod non, nunc. Sed at mi.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In hac

habitasse platea dictumst. Morbi nunc augue, mattis quis, lacinia in, blandit id, neque. Curabiturcursus magna et massa. Nullam quis sem. Mauris aliquam elementum libero. Maecenas laoreet.

Nulla pellentesque tincidunt massa. Mauris at augue ut tellus tincidunt porta.

Sed sed quam in magna bibendum ullamcorper. Vestibulum posuere pede non felis. Quisque

gravida iaculis sapien.

1. Vivamus odio ipsum, luctus ac, gravida eget, lacinia sit amet, magna. Praesent convallisaugue non lectus.

2. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.Praesent sollicitudin quam.

3. Sed sodales mi et pede. Phasellus ultricies urna. Pellentesque lobortis. Fusce pellentesqueporta lorem.

Maecenas nunc ipsum, tincidunt a, luctus id, volutpat sed, orci. Maecenas aliquam. Donecfringilla aliquet risus. Nullam a elit non tellus molestie ullamcorper. Proin porta rhoncus dolor.

Morbi rutrum. Aliquam id metus sed purus blandit sollicitudin.

In hac habitasse platea dictumst.


21/21

Integer malesuada faucibus mauris.1. Sed semper, turpis vitae2. commodo ullamcorper, augue arcu

sollicitudin lectus, ac ultrices diam ante ac orci.

Vestibulum molestie, tellus ac pretium accumsan, lacus tellus aliquet nulla, vel commodo ligulaligula sit amet mi. Cras enim lacus, rhoncus vel, molestie tincidunt, ornare at, pede. Sed sapien

erat, adipiscing sed, facilisis vel, sollicitudin ut, velit. Nullam quis nulla. Curabitur ligula metus,viverra sed, feugiat ut, porttitor dignissim, erat. Aenean rutrum enim in odio. Sed faucibus

dapibus mi. Etiam dapibus. Ut varius lectus in purus. Cras tellus magna, placerat quis, eleifend

sit amet, pharetra eget, nunc. Nullam viverra leo id arcu. Mauris eu urna.

are css tables better than html tables

Documents