title: How do I style certain words in the children attribute when a callback is performed in Dash?
body: <p>I am curious if it's possible to style certain words in the children attribute in dash.</p>
  
  <p>My text is part of the children attribute because I have a callback that updates the text. However, I'd like to only bold the words before the colon, not the entire text. I can't seem to figure out an elegant way to do this in Dash.</p>
  
  <p>What I have look's like <strong>Take Home Pay Total: 500</strong>
  What I'd like it to look like <strong>Take Home Pay Total:</strong> 500</p>
  
  <p>current code</p>
  
  <pre><code>html.Div([
      html.Div([
          html.Div(id='total-pay',
                  children='',
                  style={'font-weight': 'bold'}
          ),
      ], className='six columns'),
  ], className='row'),
  
  @app.callback(
          Output('total-pay', 'children'),
          [Input('date-picker-range', 'start_date'),
          Input('date-picker-range', 'end_date')],
      )
      def dataview_text(start_date, end_date):
          df = df_paystub
          df = df[(df['Date'] &gt;= start_date) &amp; (df['Date'] &lt;= end_date)]
          totalpay = 'Take Home Pay Total: ' + str(round(df['CheckTotal'].sum(),2))
          return totalpay
  </code></pre>
  
  <p>Thanks!</p>