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

timeout - Handshake_timeout on RabbitMQ using python and pika from remote vm -

gcc - MinGW's ld cannot perform PE operations on non PE output file -

c# - Search and Add Comment with OpenXML for Word -