テーブルオブジェクト全体を右にプッシュする方法は？

これはおそらく何度も尋ねられましたが、私はたくさん試してもそれを理解できませんでした。ここではthe site私は、プラットフォーム（ワードプレスこのケースでは）に関係なく、作業している、それは本当にCSSを書く方法についての質問です。テーブルオブジェクト全体を右にプッシュする方法は？

右上にはイベントテーブルがあり、イベントテーブルの上には電子メール/電話の連絡先セクションがあります。

私が必要とするのは、テーブルを右側に押して接触部に合わせることです。

私が試したことは、このstackoverflow postからであり、動作していません。

誰かが私にそれを整理するのを手伝ってもらえると非常に感謝しています。事前にどうもありがとうございました。

2017-09-09 PasLeChoix

'float：right;'は最も基本的な選択です。他にも複雑なものがあります。 –

なぜ私の場合にはうまくいかないのかわかりません。 – PasLeChoix

あなたは、コードの下に書くことができます

.css-events-list{width: 100%;} 
.events-table{float:right;}

それはあなたがこれらの二つの

.example{float:right;} 
.example2{margin-left:-50px;}

のいずれかを使用することができた後に、それらのcss click here

2017-09-09 03:07:15

ありがとう、私はそれがすでに動作していると思うが、キャッシュのために動作していないことを示した。 – PasLeChoix

.css-events-list{ 
    text-align: center; 
} 
.css-events-list > table{ 
    display: inline-block; 
}

.css-events-list{ 
    display: flex; 
    justify-content: center; 
    align-items: center; 
}

2017-09-09 02:45:45 zynkn

ありがとう、最初のstyle.cssに.css-events-listがありません。style.cssに追加しましたが、それは動作していません。おそらくどこにオリジナルの.css-events-listから？ – PasLeChoix

.yourobject { 
    float: right; 
}

あなたは、自動的にメディアデバイスのためにいくつかの調整を行うこともできます。

2017-09-09 02:49:53 codeHunter

ありがとうございます。私はすでにこれを試して、私のために働いていない。 – PasLeChoix

を追加したように見えるものになるかどうかのスクリーンショットをご確認ください。あなたが見ることができるように、私はそれが右に行くように、負の数を使用しました、それは説明することは困難ですが、それは彼が持っているこの方法を使っていろいろな時間を過ごしました。

2017-09-09 08:11:59 Nojze

答えて