Margin CSS property not working [ solved ]

content:

without display style
with display style

There are some CSS properties that Don't work alone, so you must add another property in order for it to work, margin Doesn't work without displayCSS property , look at this example to understand me.

without display style

 <style>
table {
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 3px 0;
}
  tbody {
    margin-top: 40px;
    margin-bottom: 10px;
}
</style>
<table >
<thead><tr><td colspan="2"style="background:#eee">link</td></tr></thead>
  <tbody>
    <tr><td>title:</td><td><input type="text"/></td></tr>
  <tr><td>url</td><td><input type="url"/></td></tr>
<tr><td>description</td><td><input type="text"/></td></tr>

  </tbody>

</table>

with display style

 <style>
table {
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 3px 0;
}
  tbody {
    display: block;
    margin-top: 40px;
    margin-bottom: 10px;
}
</style>
<table >
<thead><tr><td colspan="2"style="background:#eee">link</td></tr></thead>
  <tbody>
    <tr><td>title:</td><td><input type="text"/></td></tr>
  <tr><td>url</td><td><input type="url"/></td></tr>
<tr><td>description</td><td><input type="text"/></td></tr>

  </tbody>

</table>

Margin CSS property not working [ solved ]

☷✎

Margin CSS property not working [ solved ]

without display style

with display style

Comments

Post a Comment

Meta keywords generator tool for Blogger

Custom permalink creator for blogger

JSON LD code generator - json ld product

Create direct download link for google drive file online

How-to create html editor with context buttons

Margin CSS property not working [ solved ]

without display style

with display style

Related

Comments

Post a Comment