Border Is Missing

Missing div borders

It's because the textarea element has default padding. Since padding isn't included in an element's width/height calculations, it overflows outside of the parent element because a width of 100% + the border is greater than the parent elements width.

You could either remove this padding, or include the padding in the dimension calculations by adding box-sizing: border-box to the textarea element:

#summary {
    width: 100%;
    height: 100%;
    border: 0;
    box-sizing: border-box;
}

Table border is missing in some browsers .(border-collapse)

Set rowspan=4 for that Cell like below

.test-table, table.test-table th, table.test-table td {

  border: 1px solid black;

  border-collapse: collapse;

  padding: 5px !important;

} 

.test-td{

}

   

<table class="test-table">

  <tbody><tr>

   <td colspan="2">Heading 1</td> 

    <td rowspan="2">Heading 2</td>

  </tr>

  <tr>

    <td>Test </td>

 <td>Test </td>

  </tr>

   <tr>

   <td colspan="2">Test</td> 

   <td rowspan="4"  class="test-td">Test</td>

  </tr>

  <tr>

    <td>Test</td>

 <td>Test</td>

  

  </tr>

 

 <tr>

    <td colspan="2">Test</td> 

  </tr>

 <tr>

    <td colspan="2" class="common-heading">Test</td>

    

  </tr>

  <tr></tr>

</tbody></table>

right border is missing after apply margin-left

Referring the answer from Ehsan, I'm manage to solve the problem perfect by adding the following css..

width: calc(100% - 40px);

Thanks for the answer. :)

bottom-right corner of border is missing?

The style in ul li

border: 1px solid white;

is causing extra white lines to be drawn

Remove it and you should be good

html/css bottom border missing

Change

overflow: hidden;

To:

overflow: visible;

change that in .block

.block1and .block2 togather with their border are 302px so you could also change the height of .block to 302px or more

JSFiddle:

here

css html form missing border and alignment of box text

Try using it and see if it helps:-

<!DOCTYPE html>

<html>

<head>

<style>

* {

  box-sizing: border-box;

}

input[type=text], select, textarea {

  width: 100%;

  padding: 12px;

  border: 1px solid #ccc;

  border-radius: 4px;

  resize: vertical;

}

label {

  padding: 12px 12px 12px 0;

  display: inline-block;

}

input[type=submit] {

  background-color: #4CAF50;

  color: white;

  padding: 12px 20px;

  border: none;

  border-radius: 4px;

  cursor: pointer;

  float: right;

}

input[type=submit]:hover {

  background-color: #45a049;

}

.container {

  border-radius: 5px;

  background-color: #f2f2f2;

  padding: 20px;

}

.col-25 {

  float: left;

  width: 25%;

  margin-top: 6px;

}

.col-75 {

  float: left;

  width: 75%;

  margin-top: 6px;

}

/* Clear floats after the columns */

.row:after {

  content: "";

  display: table;

  clear: both;

}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 600px) {

  .col-25, .col-75, input[type=submit] {

    width: 100%;

    margin-top: 0;

  }

}

</style>

</head>

<body>

<div class="container">

  <form action="/action_page.php">

  <div class="row">

    <div class="col-25">

      <label for="fname">Name:</label>

    </div>

    <div class="col-75">

      <input type="text" id="fname" name="Name" placeholder="Name hier..">

    </div>

  </div>

  <div class="row">

    <div class="col-25">

      <label for="fname">Epost:</label>

    </div>

    <div class="col-75">

      <input type="text" id="fname" name="epost" placeholder="Epost hier..">

    </div>

  </div>

    </div>

  </div>

  

  <div class="row">

    <input type="submit" value="Submit">

  </div>

  </form>

</div>

</body>

</html>