[20:04:19] <wm-bb>	 [telegram] <Jan_ainali> I am using a table in a template I'm building and trying to make it looks nice in mobile too. But when I am on the mobile website on a small screen everything gets left aligned. I see when inspecting that this section is active: 
[20:04:19] <wm-bb>	 [telegram] <Jan_ainali> ```
[20:04:21] <wm-bb>	 [telegram] <Jan_ainali> @media (max-width: 720px)
[20:04:22] <wm-bb>	 [telegram] <Jan_ainali> .content table {
[20:04:24] <wm-bb>	 [telegram] <Jan_ainali>     display: block;
[20:04:25] <wm-bb>	 [telegram] <Jan_ainali>     width: 100% !important;
[20:04:27] <wm-bb>	 [telegram] <Jan_ainali>     box-sizing: border-box;
[20:04:28] <wm-bb>	 [telegram] <Jan_ainali> }
[20:04:30] <wm-bb>	 [telegram] <Jan_ainali> ```If I uncheck the display:block the table content gets centered and looks nice again. How can I override this in my template style?
[20:14:31] <wm-bb>	 [telegram] <silente08> You can use “display:table” as inline styles in such cases
[20:18:34] <wm-bb>	 [telegram] <Jan_ainali> Yes, that worked! Thanks! (re @silente08: You can use “display:table” as inline styles in such cases)