list item is aligned to right instead of left

[ristiisa]

Steps to Reproduce

HTML

<ol style="padding-left: 0; list-style: inside decimal;">
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</ol>

`HtmlWidget` configuration

void main() {
  var html = '''
<ol style="padding-left: 0; list-style: inside decimal;">
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</ol>
  ''';

  runApp(MaterialApp(home: Scaffold(body: SafeArea(
    child: Padding(
      padding: EdgeInsets.only(left: 50),
      child: Container(decoration: BoxDecoration(border: Border.all()), child: HtmlWidget(html)),
    ),
  ))));
}

Tesing environment

flutter_widget_from_html: ^0.8.5

[✓] Flutter (Channel stable, 3.3.3, on macOS 11.6.2 20G314 darwin-x64, locale en-EE)
    • Flutter version 3.3.3 on channel stable
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 18a827f393 (5 days ago), 2022-09-28 10:03:14 -0700
    • Engine revision 5c984c26eb
    • Dart version 2.18.2
    • DevTools version 2.15.0

Expected results

Actual results

1. The numbers are drawn outside
2. The numbers are aligned right instead of left

[daohoangson]

This is expected, list-style is not supported yet. It's being tracked in #514.