This site uses cookies from Google to deliver its services and to analyze traffic. By visiting this site, you agree to the use of cookies. Learn More

How To Use Online HTML Editor | Online WYSIWYG HTML Editor

What is WYSIWYG HTML Editor?

'WYSIWYG' stands for 'What You See Is What You Get'. So, by using WYSIWYG HTML Editor, you can get the exact HTML code of the elements and markups which you have created or edited.

How to get HTML Code?

1. Use the features of WYSIWYG HTML Editor to edit what you want to edit.

2. Once you have done, just click on the code (</>) icon located in the top right corner at the last position of the tool bar.

3. Copy the HTML code.

How to make HTML Code of Table fully Responsive in Mobile View?

1. Click on the 'Table' icon of WYSIWYG HTML Editor and select your desired adjustments to create a 'Table'.

2. Edit the 'Table' with your desired data in each of the rows and columns.

3. Once you have done, just click on the code (</>) icon.

3. Copy the HTML code.

4. Paste the copied code in the HTML mode of your blog where you want to place a 'Table'.

5. To make the 'Table' fully responsive in Mobile view, copy the following code: 

<div style="overflow-x: auto;">

and paste it before the starting of the HTML code of the 'Table'.

6. At last, copy the following code:


and paste it after the ending of HTML code of the 'Table'.

Note: To increase the width of the 'Table', increase the value of 400px in the HTML code of the Table:

<table class="table" border="1" cellspacing="1" cellpadding="1" style="width: 400px;">

© Education Galaxies. All Rights Reserved.