私は HTML を初めて使用し、単純な 1 ページの Web サイトを作成していて、Twitter ウィジェットを追加したいと考えていますが、ウィジェットを追加するとフォームの下に表示されます。ページの右側に移動し、Twitter ウィジェットの幅を調整する方法はありますか。Web ページのコードは次のとおりです。
前もって感謝します!
私は HTML を初めて使用し、単純な 1 ページの Web サイトを作成していて、Twitter ウィジェットを追加したいと考えていますが、ウィジェットを追加するとフォームの下に表示されます。ページの右側に移動し、Twitter ウィジェットの幅を調整する方法はありますか。Web ページのコードは次のとおりです。
前もって感謝します!
div
これは、フォームがブロックレベルの要素であるラップされているためです。表示を次のように変更してみてくださいinline-block
<div id="formContainer" style='text-align: center; display: inline-block;'>
<a name="form789985197" id="formAnchor789985197"></a>
</div>
フォームを独自のdivコンテナ内に配置します。
必要な左側のスペースの量のこのdivに特定の幅を設定します。
別の新しいdivを作成し、その中にTwitterフィードスクリプトを挿入します。
絶対幅またはパーセンテージを設定する場合は、特定の幅を設定します。幅を設定しない場合は、フォームを含むdivで使用されていない余分なスペースを埋める必要があります。
2つのdivの幅がブラウザ領域の幅よりも小さい限り、それらは並べて表示されます。ブラウザの解像度に関係なく、2つを並べて強制したい場合は、最小幅を含む別のdivで2つをラップすることもできます。