how to push the whole table object to the right?

Question

This was asked probably many times, but I tried a lots and still couldn't figure it out. Here is the site I am working on, regardless what's the platform (wordpress in this case), it really is a question about how to write css.

On the right top there is a event table, above the event table is a contact section with email/phone.

What I need is simple: to push the table to the right side and align with the contact section.

At this moment what I tried is from this stackoverflow post and it is not working.

It would be greatly appreciated if someone can help me sort it out. Thank you very much in advance.

`float: right;` is the most basic choice. There are other, more complicated ones. — Sam R, Sep 09 '17 at 02:47

score 0 · Answer 1 · answered Sep 09 '17 at 02:45

0

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

OR

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

answered Sep 09 '17 at 02:45

kyun

9,710
9
31
66

Thank you, I don't see there is a .css-events-list in the initial style.css, I added it in the style.css, but no, it is not working, maybe can you tell me where is the original .css-events-list from? – PasLeChoix Sep 09 '17 at 03:07

score 0 · Answer 2 · edited Sep 18 '17 at 04:36

0

.yourobject {
  float: right;
}

You might want to make some adjustments to for the media device automatically.

edited Sep 18 '17 at 04:36

Obsidian Age

41,205
10
48
71

answered Sep 09 '17 at 02:49

codeHunter

47
6

score 0 · Accepted Answer · answered Sep 09 '17 at 03:07

0

can you write below code

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

please check the screenshot how it will be look like after added those css click here

answered Sep 09 '17 at 03:07

Thank you so much, I believe it was working already but showed not working due to the cache. – PasLeChoix Sep 09 '17 at 13:31

how to push the whole table object to the right?

3 Answers3