© 2023 AposTube

Learn HTML #24

June 13 • 4:28 pm

Tags:

HTML Table Padding & Spacing

HTML tables can adjust the padding inside the cells, and also the space between the cells.

With Padding
hello hello hello
hello hello hello
hello hello hello
With Spacing
hello hello hello
hello hello hello
hello hello hello

HTML Table – Cell Padding

Cell padding is the space between the cell edges and the cell content.

By default the padding is set to 0.

To add padding on table cells, use the CSS padding property:

Example

th, td {
  padding: 15px;
}

To add padding only above the content, use the padding-top property.

And the others sides with the padding-bottom, padding-left, and padding-right properties:

Example

th, td {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
}

HTML Table – Cell Spacing

Cell spacing is the space between each cell.

By default the space is set to 2 pixels.

To change the space between table cells, use the CSS border-spacing property on the table element:

Example

table {
  border-spacing: 30px;
}

Apostube

See author's posts

Categories

Prev
Next

47 Responses

  44. Hello bro!301 Moved Permanently>>>
    пансионат для лежачих больных
    https://pansionat-rnd.ru/
    “Дом престарелых” – это общепринятое название для социального учреждения, которое оказывает услуги по социальной защите и помощи престарелым людям. Если вы ищете информацию о конкретном доме престарелых в Ростове-на-Дону, можете уточнить местоположение и другую информацию.
    пансионат для престарелых

    http://www.google.mu/url?q=https://pansionat-rnd.ru/ https://maps.google.co.vi/url?q=https://pansionat-rnd.ru/ http://images.google.cd/url?q=https://pansionat-rnd.ru/ http://www.google.com.kh/url?q=https://pansionat-rnd.ru/ https://cse.google.co.uz/url?q=https://pansionat-rnd.ru/

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

© 2023 AposTube. Built with ❤️ using WordPress and Ketos Theme.