Columns of a table if overwriting html

Question

Table tag columns are overwriting.

It’s getting like this:

How it should look:

Code:

<table class="table table-bordered"><tbody><tr><td>fdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfs<br></td><td>fdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfsfdsdfsfdfsdisfsfhshfskdjhjksdhfdjskhfsdkjhfs<br></td></tr></tbody></table><p><br></p>

I look forward to help... D

Answer 1

You can add this CSS to solve this problem:

.table {
    table-layout:fixed;
    width: 100%;
}
.table td {
    word-wrap:break-word;
}