title: How can i Move the radio Buttons to be under the Title with altair?
body: <p>i'm trying to take the radio buttons to be under the Title and i tried to do it with HTML  already it didn't worked for me as you can see in the Code.
  in order to understand better what i want</p>
  <p><a href="https://i.stack.imgur.com/yJ8wu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yJ8wu.png" alt="This is what i want" /></a></p>
  <p>if you can remove Majore_Genre it will look better</p>
  <p>the Code that i'm using:</p>
  <pre><code>brush = alt.selection_interval(
          resolve='global' # resolve all selections to a single global instance
      )
  
  selection = alt.selection_single(
      name='Select',
      fields=['MPAA_Rating'],
      init={'MPAA_Rating': 'R'},
      bind={'MPAA_Rating': alt.binding_radio(options=mpaa)}
  )
  
  Chart=alt.Chart(movies).mark_circle().add_selection(
      brush,selection
  ).encode(
      
      alt.X('Rotten_Tomatoes_Rating', type='quantitative'),
      alt.Y('IMDB_Rating', type='quantitative'),
      color=alt.condition(brush, 'Cylinders:O', alt.value('grey'),legend=None),
      #opacity=alt.condition(brush, alt.value(0.8), alt.value(0.1)),
      opacity=alt.condition(selection |brush, alt.value(0.75), alt.value(0.05))
  ).properties(
      width=140,
      height=140,
      #title=None
  ).facet('Major_Genre:O',columns=7,title=&quot;Comparing IMDB &amp; Rotten Tomatoes Ratings&quot;).configure_title(anchor='middle')  
  
  from IPython.display import HTML
  display(HTML(&quot;&quot;&quot;
  &lt;style&gt;
  .vega-bind {
    text-align:Title;
  }
  &lt;/style&gt;
  &quot;&quot;&quot;))
  
  display(Chart)
  </code></pre>