# Stuck in making dash version of this html code

**URL:** <https://community.plotly.com/t/stuck-in-making-dash-version-of-this-html-code/33346>\
**Category:** Dash Python\
**Created:** [January 8, 2020, 10:24am UTC](https://community.plotly.com/t/stuck-in-making-dash-version-of-this-html-code/33346 "2020-01-08T10:24:57Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![naveen\_9697](https://avatars.discourse-cdn.com/v4/letter/n/4491bb/32.png) [@naveen\_9697](https://community.plotly.com/u/naveen_9697)\
**Post date:** [January 8, 2020, 10:24am UTC](https://community.plotly.com/t/stuck-in-making-dash-version-of-this-html-code/33346/1 "2020-01-08T10:24:57Z")

</div>

I am trying to style radio buttons and came across [this article](https://www.w3schools.com/howto/howto_css_custom_checkbox.asp) on w3schools, which has this html code.

```auto
<label class="container">One
  <input type="radio" name="radio">
  <span class="checkmark"></span>
</label>
<label class="container">Two
  <input type="radio" name="radio">
  <span class="checkmark"></span>
</label>
<label class="container">Three
  <input type="radio" name="radio">
  <span class="checkmark"></span>
</label>
<label class="container">Four
  <input type="radio" name="radio">
  <span class="checkmark"></span>
</label>

```

and here’s the dash version i could come up with. the problem is, i couldn’t figure out where to put span.

```auto
dash_html.Label(children=[dash_core.RadioItems(id="radio_button_inputs",
                                               options=[{'label': 'One','value': 'one'},
                                                        {'label': 'Two', 'value': 'two'},
                                                        {'label': 'Three', 'value': 'three'},
                                                        {'label': 'Four', 'value': 'four'}
                                                       ],
                                               value='all')],
                className='container')

```