html-online.com
Open in
urlscan Pro
2606:4700:3030::ac43:9d4c
Public Scan
Submitted URL: https://html-online.com/editor/+65%2065551234
Effective URL: https://html-online.com/editor/
Submission: On February 13 via manual from US — Scanned from DE
Effective URL: https://html-online.com/editor/
Submission: On February 13 via manual from US — Scanned from DE
Form analysis 2 forms found in the DOM
POST
<form method="post">
<div id="mceu_25" class="mce-tinymce mce-container mce-panel" hidefocus="1" tabindex="-1" role="application" style="visibility: hidden; border-width: 1px; width: 100%;">
<div id="mceu_25-body" class="mce-container-body mce-stack-layout">
<div id="mceu_26" class="mce-top-part mce-container mce-stack-layout-item mce-first">
<div id="mceu_26-body" class="mce-container-body">
<div id="mceu_27" class="mce-container mce-menubar mce-toolbar mce-first" role="menubar" style="border-width: 0px 0px 1px;">
<div id="mceu_27-body" class="mce-container-body mce-flow-layout">
<div id="mceu_28" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-first mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_28" role="menuitem" aria-haspopup="true"><button id="mceu_28-open" role="presentation"
type="button" tabindex="-1"><span class="mce-txt">File</span> <i class="mce-caret"></i></button></div>
<div id="mceu_29" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_29" role="menuitem" aria-haspopup="true"><button id="mceu_29-open" role="presentation" type="button"
tabindex="-1"><span class="mce-txt">Edit</span> <i class="mce-caret"></i></button></div>
<div id="mceu_30" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_30" role="menuitem" aria-haspopup="true"><button id="mceu_30-open" role="presentation" type="button"
tabindex="-1"><span class="mce-txt">View</span> <i class="mce-caret"></i></button></div>
<div id="mceu_31" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_31" role="menuitem" aria-haspopup="true"><button id="mceu_31-open" role="presentation" type="button"
tabindex="-1"><span class="mce-txt">Insert</span> <i class="mce-caret"></i></button></div>
<div id="mceu_32" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_32" role="menuitem" aria-haspopup="true"><button id="mceu_32-open" role="presentation" type="button"
tabindex="-1"><span class="mce-txt">Format</span> <i class="mce-caret"></i></button></div>
<div id="mceu_33" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_33" role="menuitem" aria-haspopup="true"><button id="mceu_33-open" role="presentation" type="button"
tabindex="-1"><span class="mce-txt">Tools</span> <i class="mce-caret"></i></button></div>
<div id="mceu_34" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-last mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_34" role="menuitem" aria-haspopup="true"><button id="mceu_34-open" role="presentation"
type="button" tabindex="-1"><span class="mce-txt">Table</span> <i class="mce-caret"></i></button></div>
</div>
</div>
<div id="mceu_35" class="mce-toolbar-grp mce-container mce-panel mce-last" hidefocus="1" tabindex="-1" role="group">
<div id="mceu_35-body" class="mce-container-body mce-stack-layout">
<div id="mceu_36" class="mce-container mce-toolbar mce-stack-layout-item mce-first mce-last" role="toolbar">
<div id="mceu_36-body" class="mce-container-body mce-flow-layout">
<div id="mceu_37" class="mce-container mce-flow-layout-item mce-first mce-btn-group" role="group">
<div id="mceu_37-body">
<div id="mceu_0" class="mce-widget mce-btn mce-first mce-disabled" tabindex="-1" role="button" aria-label="Undo" aria-disabled="true"><button id="mceu_0-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-undo"></i></button></div>
<div id="mceu_1" class="mce-widget mce-btn mce-last mce-disabled" tabindex="-1" role="button" aria-label="Redo" aria-disabled="true"><button id="mceu_1-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-redo"></i></button></div>
</div>
</div>
<div id="mceu_38" class="mce-container mce-flow-layout-item mce-btn-group" role="group">
<div id="mceu_38-body">
<div id="mceu_2" class="mce-widget mce-btn mce-first mce-last" tabindex="-1" role="button" aria-label="Source code"><button id="mceu_2-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-code"></i></button></div>
</div>
</div>
<div id="mceu_39" class="mce-container mce-flow-layout-item mce-btn-group" role="group">
<div id="mceu_39-body">
<div id="mceu_3" class="mce-widget mce-btn mce-first mce-last" tabindex="-1" role="button" aria-label="Clear formatting"><button id="mceu_3-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-removeformat"></i></button></div>
</div>
</div>
<div id="mceu_40" class="mce-container mce-flow-layout-item mce-btn-group" role="group">
<div id="mceu_40-body">
<div id="mceu_4" class="mce-widget mce-btn mce-menubtn mce-first mce-last mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_4" role="button" aria-haspopup="true"><button id="mceu_4-open" role="presentation" type="button"
tabindex="-1"><span class="mce-txt">Formats</span> <i class="mce-caret"></i></button></div>
</div>
</div>
<div id="mceu_41" class="mce-container mce-flow-layout-item mce-btn-group" role="group">
<div id="mceu_41-body">
<div id="mceu_5" class="mce-widget mce-btn mce-first" tabindex="-1" aria-pressed="false" role="button" aria-label="Bold"><button id="mceu_5-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-bold"></i></button></div>
<div id="mceu_6" class="mce-widget mce-btn" tabindex="-1" aria-pressed="false" role="button" aria-label="Italic"><button id="mceu_6-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-italic"></i></button></div>
<div id="mceu_7" class="mce-widget mce-btn mce-last" tabindex="-1" aria-pressed="false" role="button" aria-label="Underline"><button id="mceu_7-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-underline"></i></button></div>
</div>
</div>
<div id="mceu_42" class="mce-container mce-flow-layout-item mce-btn-group" role="group">
<div id="mceu_42-body">
<div id="mceu_8" class="mce-widget mce-btn mce-first" tabindex="-1" aria-pressed="false" role="button" aria-label="Align left"><button id="mceu_8-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-alignleft"></i></button></div>
<div id="mceu_9" class="mce-widget mce-btn" tabindex="-1" aria-pressed="false" role="button" aria-label="Align center"><button id="mceu_9-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-aligncenter"></i></button></div>
<div id="mceu_10" class="mce-widget mce-btn" tabindex="-1" aria-pressed="false" role="button" aria-label="Align right"><button id="mceu_10-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-alignright"></i></button></div>
<div id="mceu_11" class="mce-widget mce-btn mce-last" tabindex="-1" aria-pressed="false" role="button" aria-label="Justify"><button id="mceu_11-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-alignjustify"></i></button></div>
</div>
</div>
<div id="mceu_43" class="mce-container mce-flow-layout-item mce-btn-group" role="group">
<div id="mceu_43-body">
<div id="mceu_12" class="mce-widget mce-btn mce-splitbtn mce-menubtn mce-first" role="button" aria-pressed="false" tabindex="-1" aria-label="Bullet list" aria-haspopup="true"><button type="button" hidefocus="1"
tabindex="-1"><i class="mce-ico mce-i-bullist"></i></button><button type="button" class="mce-open" hidefocus="1" tabindex="-1"> <i class="mce-caret"></i></button></div>
<div id="mceu_13" class="mce-widget mce-btn mce-splitbtn mce-menubtn" role="button" aria-pressed="false" tabindex="-1" aria-label="Numbered list" aria-haspopup="true"><button type="button" hidefocus="1"
tabindex="-1"><i class="mce-ico mce-i-numlist"></i></button><button type="button" class="mce-open" hidefocus="1" tabindex="-1"> <i class="mce-caret"></i></button></div>
<div id="mceu_14" class="mce-widget mce-btn" tabindex="-1" role="button" aria-label="Decrease indent"><button id="mceu_14-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-outdent"></i></button>
</div>
<div id="mceu_15" class="mce-widget mce-btn mce-last" tabindex="-1" role="button" aria-label="Increase indent"><button id="mceu_15-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-indent"></i></button></div>
</div>
</div>
<div id="mceu_44" class="mce-container mce-flow-layout-item mce-btn-group" role="group">
<div id="mceu_44-body">
<div id="mceu_16" class="mce-widget mce-btn mce-first" tabindex="-1" aria-pressed="false" role="button" aria-label="Insert/edit link"><button id="mceu_16-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-link"></i></button></div>
<div id="mceu_17" class="mce-widget mce-btn mce-last" tabindex="-1" aria-pressed="false" role="button" aria-label="Insert/edit image"><button id="mceu_17-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-image"></i></button></div>
</div>
</div>
<div id="mceu_45" class="mce-container mce-flow-layout-item mce-btn-group" role="group">
<div id="mceu_45-body">
<div id="mceu_18" class="mce-widget mce-btn mce-first" tabindex="-1" role="button" aria-label="Print"><button id="mceu_18-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-print"></i></button></div>
<div id="mceu_19" class="mce-widget mce-btn" tabindex="-1" role="button" aria-label="Preview"><button id="mceu_19-button" role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-preview"></i></button></div>
<div id="mceu_20" class="mce-widget mce-btn mce-last" tabindex="-1" aria-pressed="false" role="button" aria-label="Insert/edit media"><button id="mceu_20-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-media"></i></button></div>
</div>
</div>
<div id="mceu_46" class="mce-container mce-flow-layout-item mce-last mce-btn-group" role="group">
<div id="mceu_46-body">
<div id="mceu_21" class="mce-widget mce-btn mce-splitbtn mce-colorbutton mce-first" role="button" tabindex="-1" aria-haspopup="true" aria-label="Text color"><button role="presentation" hidefocus="1" type="button"
tabindex="-1"><i class="mce-ico mce-i-forecolor"></i><span id="mceu_21-preview" class="mce-preview"></span></button><button type="button" class="mce-open" hidefocus="1" tabindex="-1"> <i class="mce-caret"></i></button></div>
<div id="mceu_22" class="mce-widget mce-btn mce-splitbtn mce-colorbutton" role="button" tabindex="-1" aria-haspopup="true" aria-label="Background color"><button role="presentation" hidefocus="1" type="button"
tabindex="-1"><i class="mce-ico mce-i-backcolor"></i><span id="mceu_22-preview" class="mce-preview"></span></button><button type="button" class="mce-open" hidefocus="1" tabindex="-1"> <i class="mce-caret"></i></button></div>
<div id="mceu_23" class="mce-widget mce-btn" tabindex="-1" role="button" aria-label="Emoticons" aria-haspopup="true"><button id="mceu_23-button" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-emoticons"></i></button></div>
<div id="mceu_24" class="mce-widget mce-btn mce-menubtn mce-last" tabindex="-1" aria-labelledby="mceu_24" role="button" aria-label="Table" aria-haspopup="true"><button id="mceu_24-open" role="presentation" type="button"
tabindex="-1"><i class="mce-ico mce-i-table"></i> <i class="mce-caret"></i></button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="mceu_47" class="mce-edit-area mce-container mce-panel mce-stack-layout-item" hidefocus="1" tabindex="-1" role="group" style="border-width: 1px 0px 0px;"><iframe id="elm1_ifr" frameborder="0" allowtransparency="true"
title="Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help" style="width: 100%; height: 650px; display: block;"></iframe></div>
<div id="mceu_48" class="mce-statusbar mce-container mce-panel mce-stack-layout-item mce-last" hidefocus="1" tabindex="-1" role="group" style="border-width: 1px 0px 0px;">
<div id="mceu_48-body" class="mce-container-body mce-flow-layout">
<div id="mceu_49" class="mce-path mce-flow-layout-item mce-first">
<div role="button" class="mce-path-item mce-last" data-index="0" tabindex="-1" id="mceu_49-0" aria-level="1">h1</div>
</div><span id="mceu_51" class="mce-wordcount mce-widget mce-label mce-flow-layout-item">240 words</span>
<div id="mceu_50" class="mce-flow-layout-item mce-resizehandle mce-last"><i class="mce-ico mce-i-resize"></i></div>
</div>
</div>
</div>
</div><textarea id="elm1" name="elm1" aria-hidden="true" style="display: none;"></textarea>
</form>Name: szettingform —
<form name="szettingform"> Number of paragraphs: <select name="hanyparagrafuslegyen">
<option value="1">1</option>
<option value="2">2</option>
<option value="5" selected="selected">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
</select>
<br>Populate: <select name="mitpupulaljon">
<option value="1" selected="selected">the editor</option>
<option value="2">page</option>
</select>
</form>Text Content
WE VALUE YOUR PRIVACY
We and our partners store and/or access information on a device, such as cookies
and process personal data, such as unique identifiers and standard information
sent by a device for personalised ads and content, ad and content measurement,
and audience insights, as well as to develop and improve products. With your
permission we and our partners may use precise geolocation data and
identification through device scanning. You may click to consent to our and our
partners’ processing as described above. Alternatively you may click to refuse
to consent or access more detailed information and change your preferences
before consenting. Please note that some processing of your personal data may
not require your consent, but you have a right to object to such processing.
Your preferences will apply to this website only. You can change your
preferences at any time by returning to this site or visit our privacy policy.
MORE OPTIONSDISAGREEAGREE
Welcome to the HTML Editor
OK
HTMLCSSJS
* Editor
* Tags
* Cheat Sheet
* Characters
* Generators
* Templates
* Blog
* Links
* Editor
* Cheat Sheet
* Generators
* Blog
* Links
* Editor
* Compressor
* Cheat Sheet
* jQuery
* Blog
* Links
HTML-Online.com
Change language:
* HTML
* CSS
* JS
* Quick Tour
* Features
* Articles
File
Edit
View
Insert
Format
Tools
Table
Formats
h1
240 words
Clean
- aaa +
Source: 4796
105
1
<!-- ####### HEY, I AM THE SOURCE EDITOR! #########-->
2
<h1 style="color: #5e9ca0;">You can edit <span style="color: #2b2301;">this demo</span> text!</h1>
3
<h2 style="color: #2e6c80;">How to use the editor:</h2>
4
<p>Paste your documents in the visual editor on the left or your HTML code in the source editor in the right. <br />Edit any of the two areas and see the other changing in real time. </p>
5
<p>Click the <span style="background-color: #2b2301; color: #fff; display: inline-block; padding: 3px 10px; font-weight: bold; border-radius: 5px;">Clean</span> button to clean your source code.</p>
6
<h2 style="color: #2e6c80;">Some useful features:</h2>
7
<ol style="list-style: none; font-size: 14px; line-height: 32px; font-weight: bold;">
8
<li style="clear: both;"><img style="float: left;" src="https://html-online.com/img/01-interactive-connection.png" alt="interactive connection" width="45" /> Interactive source editor</li>
9
<li style="clear: both;"><img style="float: left;" src="https://html-online.com/img/02-html-clean.png" alt="html cleaner" width="45" /> HTML Cleaning</li>
10
<li style="clear: both;"><img style="float: left;" src="https://html-online.com/img/03-docs-to-html.png" alt="Word to html" width="45" /> Word to HTML conversion</li>
11
<li style="clear: both;"><img style="float: left;" src="https://html-online.com/img/04-replace.png" alt="replace text" width="45" /> Find and Replace</li>
12
<li style="clear: both;"><img style="float: left;" src="https://html-online.com/img/05-gibberish.png" alt="gibberish" width="45" /> Lorem-Ipsum generator</li>
13
<li style="clear: both;"><img style="float: left;" src="https://html-online.com/img/6-table-div-html.png" alt="html table div" width="45" /> Table to DIV conversion</li>
14
</ol>
15
<p> </p>
16
<h2 style="color: #2e6c80;">Cleaning options:</h2>
17
<table class="editorDemoTable">
18
<thead>
19
<tr>
20
<td>Name of the feature</td>
21
<td>Example</td>
22
<td>Default</td>
23
</tr>
24
</thead>
25
<tbody>
26
<tr>
27
<td>Remove tag attributes</td>
28
<td><img style="margin: 1px 15px;" src="images/smiley.png" alt="laughing" width="40" height="16" /> (except <strong>img</strong>-<em>src</em> and <strong>a</strong>-<em>href</em>)</td>
29
<td> </td>
30
</tr>
31
<tr>
32
<td>Remove inline styles</td>
33
<td><span style="color: green; font-size: 13px;">You <strong style="color: blue; text-decoration: underline;">should never</strong> use inline styles!</span></td>
34
<td><strong style="font-size: 17px; color: #2b2301;">x</strong></td>
35
</tr>
36
<tr>
37
<td>Remove classes and IDs</td>
38
<td><span id="demoId">Use classes to <strong class="demoClass">style everything</strong>.</span></td>
39
<td><strong style="font-size: 17px; color: #2b2301;">x</strong></td>
40
</tr>
41
<tr>
42
<td>Remove all tags</td>
43
<td>This leaves <strong style="color: blue;">only the plain</strong> <em>text</em>. <img style="margin: 1px;" src="images/smiley.png" alt="laughing" width="16" height="16" /></td>
44
<td> </td>
45
</tr>
46
<tr>
47
<td>Remove successive &nbsp;s</td>
48
<td>Never use non-breaking spaces to set margins.</td>
49
<td><strong style="font-size: 17px; color: #2b2301;">x</strong></td>
50
</tr>
51
<tr>
52
<td>Remove empty tags</td>
53
<td>Empty tags should go!</td>
54
<td> </td>
55
</tr>
56
<tr>
57
<td>Remove tags with one &nbsp;</td>
58
<td>This makes no sense!</td>
59
<td><strong style="font-size: 17px; color: #2b2301;">x</strong></td>
Get the hell outta here!
Try the Pro HTML Editor
* No ads and limitations
* No link inserts
* More features:
* Save settings
* Custom CSS
* Auxiliary editor
* Tag manager
* Tag and tag attribute filters
htmlg.com »
Cleaning options
Clear inline styles
Clear classes and IDs
Character encoding
Clear comments
Clear span tags
Clear successive s
Clear tags with one
Clear empty tags
Clear tag attributes
Clear all tags
Clear images
Clear links
Clear tables
Convert tables to <div>s
Organize tree-view
Convert <b> to <strong>, <i> to <em>
Default Close Clean
Color Picker
Color Mixer
Gibberish text generator
Number of paragraphs: 1 2 5 10 15 20
Populate: the editor page
Generate
Find and replace in HTML source
Find:
Replace with:
Find:
Replace with:
Find:
Replace with:
Find:
Replace with:
Find:
Replace with:
Find:
Replace with:
Find:
Replace with:
Find:
Replace with:
Find:
Replace with:
Find:
Replace with:
Find:
Replace with:
Find:
Replace with:
Replace Now
Purchase A Pro HTML Editor License!
ONLINE HTML EDITOR - FREE ONLINE INSTANT WYSIWYG EDITOR
The best real-time online HTML editor with dynamic instant live visual preview,
inline WYSIWYG editor and source cleaning features. Includes a HTML viewer,
editor, compressor, beautifier and easy formatter. It's impossible to create
invalid code with this tool.
HOW TO USE THE HTML EDITOR?
The operation of this free online tool with built-in HTML Cleaner is very
intuitive and it's working in your web browser without installing any additional
program. Compose your text using the WYSIWYG editor on the left and adjust
formatting of the source code on the right. To convert Microsoft Word, PDF or
any other rich-text documents to HTML, simply paste it in the visual editor.
Perform bulk operations on the HTML code by clicking the Clean button after
adjusting the settings.
Before you start composing the content for a live website I advise you to
experiment with the features populating the work area with a demo text clicking
the Quick Tour menu option.
The visual editor works like a regular text composer, just use the commands
above the text area to adjust the content and in the meantime you'll notice the
source editor changing with it. If you're familiar with HTML code composing then
you can adjust the code on the right.
Being a free demonstration for the pro version, this tool has its limitations
such as showing ads and having fewer options.
THE CONTROL PANEL OF THE WYSIWYG EDITOR
The control panel above the HTML source editor lists the most
important commands:
– Revert the text back to the state before the cleaning or execution of any
other major event. The visual editor has its own Undo button.
– The fresh page command starts a new document. The same feature is listed below
File / New document.
– Deleting the new lines from the HTML code you can compress the source code.
– Define replacement rules and execute them. Use the plus button to define new
rules and the recycle bin to remove one.
– Fill the page with meaningless writing to fill gaps or experiment
with the layout.
– Pick a color from the palette and use them with the easy Click and Copy
feature. Save the active colors for later use or use the advanced color mixer
by RGBColorCode.com
– Activate automatic scroll. The two editors will scroll together when this
option is enabled.
– Adjust the font size according to your preferences.
– Set up the cleaning options here. Your settings will not be lost when you
leave the website. Click the header to select/disable all options.
Clean
– Execute all options that are checked in the settings (see gear icon above).
OTHER IMPORTANT FEATURES
Use these HTML editor features to practice and to maximize your
coding efficiency.
* Document converter – To convert any visual document like Excel, PDF, Word to
HTML just paste the doc in the visual editor and the markup will show up
instantly on the right.
* Online text editor – Compose documents, just like in any rich text editor.
Use the control panel to include images, tables, headings, lists and other
items to your paper.
* Copy - paste – The editor won't allow you to save the documents. For this you
have to copy your generated code into a blank text file, change its extension
to .html and open it in a web browser.
* Work with tables – Using the WYSIWYG editor panel you can create a table of
any dimmension with only 2 clicks. There's a cleaning option to convert them
to structured and styled DIV tags.
* Undo – Both editors have this function which allows to revert back to a
previous state if something goes wrong. For example, to restore the document
before performing the cleaning.
* Interactive demo – Take a 4-step tour going through the features clicking the
Quick Tour menu item. Learn how to use the redactor and experiment with the
demo text.
NEVER FORGET:
* Have a backup before using this tool to make sure you can always revert back
to your original document.
* Always check your code before publishing on a live website. Check the quality
of the article.
* This editor never saves or sends out your document, all operations are
performed on your local computer.
* Like most websites, we also use cookies to save settings, to collect visitor
analytics and to show tailored ads.
DIV TABLE STYLING
Make sure you apply the CSS code below when you publish tables converted to div
elements. Try the interactive online table styler which can generate grids from
both div and table elements.
Please note that the class names used by us are slightly different than the ones
used by DivTable.com.
.rTable { display: table; width: 100%;}
.rTableRow { display: table-row; }
.rTableHeading { background-color: #ddd; display: table-header-group; }
.rTableCell, .rTableHead { display: table-cell; padding: 3px 10px; border: 1px solid #999999; }
.rTableHeading { display: table-header-group; background-color: #ddd; font-weight: bold; }
.rTableFoot { display: table-footer-group; font-weight: bold; background-color: #ddd; }
.rTableBody { display: table-row-group; }
Click and copy the code from the field below: .rTable { display: table; width:
100%;} .rTableRow { display: table-row; } .rTableHeading { background-color:
#ddd; display: table-header-group; } .rTableCell, .rTableHead { display:
table-cell; padding: 3px 10px; border: 1px solid #999999; } .rTableHeading {
display: table-header-group; background-color: #ddd; font-weight: bold; }
.rTableFoot { display: table-footer-group; font-weight: bold; background-color:
#ddd; } .rTableBody { display: table-row-group; }
*
*
*
*
*
We use cookies on this website to provide a better user experience. You can
adjust your browser settings or stop using this website if you do not agree.
Privacy, Terms & Conditions | Author: Dénes Ferenc | © HTML-Online.com