html - Remove indent on ul tag inside a td -


basically, trying align bullets in same line above td tag content inside table.but ul tag default adds indent.

i tried adding margin:0, padding:0, removes bullets together.i want align sentences in same line out removing bullets.

basically in below jsfiddle example : heading2 column should aligned right, meaning content , bullets should start same point

html :

<table class='table_css'>     <th>heading1</th>     <th>heading2</th>     <tr><td>row1</td><td>content in row 1</td></tr>       <tr>         <td>some heading</td>         <td> <ul>    <li>some text long</li>   <li>some text long text long</li>   <li>some text long text long text long</li>  </ul>         </td>            </tr>     </table> 

css:

ul{     margin:0;  }  .table_css{     border:1px solid;border-collapse: collapse;table-layout:fixed; } 

jsfiddle

what want list-style-position: inside;. also, fix html there row missing around ths.

https://jsfiddle.net/wgt7bsee/1/


Comments

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -