Clock and current weather horizontally

[ashishtank]

@JasonInOttawa You mean like below ?

[JasonInOttawa]

@ashishtank I believe you’re showing a clock followed by a calendar. If so, yes, that’s what I’d like, except with a clock and current weather. Thanks very much for your reply.

[JasonInOttawa]

This seems to work

.currentweather {
  display:inline-block;
  margin: 2px;
  zoom:60%;
}

.clock {
  display:inline-block;
  margin: 2px;
}

[ashishtank]

@JasonInOttawa yes, Indeed I was only giving example to understand the requirement. you can do it by using custom.css file. Add below code to show clock and current weather side by side.

.clock
{
	float: left;
}
.currentweather
{
	float: left;
	padding-left: 20px; //Adjust this for left spacing between both modules
}

below should be output.

[ashishtank]

@JasonInOttawa yes there are multiple ways to achieve the same :) We both posted reply at same time !

[JasonInOttawa]

@ashishtank Thanks again! I did notice one difference: the inline-block keeps the bottoms lined up

and the float puts the second element a bit higher:

It all depends on which effect you prefer.

[ashishtank]

@JasonInOttawa May be float is doing this because you are not showing week text as header ? In my screenshot they are aligned on top. Any ways both are on user choice ! :)