title: How do I make twitter embed center on page?
body: <p>I am trying to embed twitter video and twit in such a way so that these are centered on the page and also takes full container width (my-container)</p>
  
  <p>Below is the html I have</p>
  
  <pre><code>&lt;div class="my-container"&gt;
  
   &lt;blockquote class="twitter-tweet" data-lang="en"&gt;
    &lt;p lang="und" dir="ltr"&gt;Fan. &lt;a href="asdasd"&gt;asdasdasdas&lt;/a&gt;&lt;/p&gt;&amp;mdash; #DateChallenge (@Oloni) &lt;a href="https://twitter.com/Oloni/status/927333497538252800?ref_src=twsrc%5Etfw"&gt;November 6, 2017&lt;/a&gt;&lt;/blockquote&gt;
  
   &lt;blockquote class="twitter-tweet" data-lang="en"&gt;
    &lt;p lang="en" dir="ltr"&gt;&lt;a href="https://twitter.com/Oloni?ref_src=twsrc%5Etfw"&gt;@Oloni&lt;/a&gt; I didn&amp;#39;t know what to say after he said yes  &lt;a href="asdasd"&gt;pic.twitter.com/aRcbEIaF06&lt;/a&gt;&lt;/p&gt;&amp;mdash; keshef mir (@keshefmir) &lt;a href="https://twitter.com/keshefmir/status/923566544637984768?ref_src=twsrc%5Etfw"&gt;October 26, 2017&lt;/a&gt;&lt;/blockquote&gt;
  
  
   &lt;blockquote class="twitter-tweet" data-lang="en"&gt;
    &lt;p lang="en" dir="ltr"&gt;There’s a severe weather warning out for Sydney and the NSW south coast today. &lt;a href="https://twitter.com/hashtag/9News?src=hash&amp;amp;ref_src=twsrc%5Etfw"&gt;#9News&lt;/a&gt; &lt;a href="asdasd"&gt;pic.twitter.com/J43t8Z4wJ2&lt;/a&gt;&lt;/p&gt;&amp;mdash; Nine News
    Sydney (@9NewsSyd) &lt;a href="https://twitter.com/9NewsSyd/status/927250318454169601?ref_src=twsrc%5Etfw"&gt;November 5, 2017&lt;/a&gt;&lt;/blockquote&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I have a sample codepen to show this <a href="https://codepen.io/hellouniverse/pen/QOEKdZ" rel="nofollow noreferrer">https://codepen.io/hellouniverse/pen/QOEKdZ</a></p>
  
  <p>How do I make these centred?</p>