html,cssでtwitterのウィジェットの配置場所を変えられません。

Question

●HTMLのコード
<a class="twitter-timeline" data-lang="ja" data-width="300" data-height="400" href="https://twitter.com/uni_mafumafu?ref_src=twsrc%5Etfw" data-theme="light" data-chrome="noheader nofooter noborders" >Tweets by uni_mafumafu</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

●CSSのコード
.twitter-timeline{
width: 100;
height: 200;
position: absolute;
top: 400px;
left: 30px;
}

Twitterのウィジェットを作成したのですが初期に配置された場所から配置を変更しよう思い、上記のようにコードを書いたのですが位置が変更されません。
Twitterのウィジェットの位置は変更することができないのでしょうか？
回答よろしくお願いします。

Comments

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[cola]

上手くできました。助かりました。ありがとうございました。

Answer 1

解決しましたので閉め切ります。
ありがとうございました。

Comments

[x_x]

どのように解決したのでしょうか？

[cola]

<code></code>要素で囲んであげて編集すれば操作できました。