html - 如何使 Twitter 嵌入页面居中？

Question

我正在尝试以这种方式嵌入 Twitter 视频和推特，以便它们在页面上居中并且还占据整个容器宽度(我的容器)

下面是我的html

<div class="my-container">

 <blockquote class="twitter-tweet" data-lang="en">
  <p lang="und" dir="ltr">Fan. <a href="asdasd">asdasdasdas</a></p>&mdash; #DateChallenge (@Oloni) <a href="https://twitter.com/Oloni/status/927333497538252800?ref_src=twsrc%5Etfw">November 6, 2017</a></blockquote>

 <blockquote class="twitter-tweet" data-lang="en">
  <p lang="en" dir="ltr"><a href="https://twitter.com/Oloni?ref_src=twsrc%5Etfw">@Oloni</a> I didn&#39;t know what to say after he said yes 😁 <a href="asdasd">pic.twitter.com/aRcbEIaF06</a></p>&mdash; keshef mir (@keshefmir) <a href="https://twitter.com/keshefmir/status/923566544637984768?ref_src=twsrc%5Etfw">October 26, 2017</a></blockquote>


 <blockquote class="twitter-tweet" data-lang="en">
  <p lang="en" dir="ltr">There’s a severe weather warning out for Sydney and the NSW south coast today. <a href="https://twitter.com/hashtag/9News?src=hash&amp;ref_src=twsrc%5Etfw">#9News</a> <a href="asdasd">pic.twitter.com/J43t8Z4wJ2</a></p>&mdash; Nine News
  Sydney (@9NewsSyd) <a href="https://twitter.com/9NewsSyd/status/927250318454169601?ref_src=twsrc%5Etfw">November 5, 2017</a></blockquote>

</div>

我有一个示例代码笔来展示这个 https://codepen.io/hellouniverse/pen/QOEKdZ

如何使它们居中？

Answer 1

.my-container{
    margin:auto;
    width:200px;    
}

这是有效的。现在由您决定如何调整宽度。