to get them the same physical height you would have to add more content make the fonts bigger or change the vertical centering of the text.

all of which I think looks worse!

floating right works great when u have the same module repeated. I did this for a Rome train schedule a couple years ago


To do this I made the following changes.

in custom.css:

/* adjust modules to display side by side */
.MMM-FlipClock, .MMM-Worldclock, .MMM-Multimonth {
	display: inline-flex;
}

in config.js I found that I had to have the modules in the same order and next to each other to function:

		{
			module: 'MMM-FlipClock', // https://github.com/MarcLandis/MMM-FlipClock
			position: 'top_bar',
			config: {
				seperator: ":",
				dateFormat: "dddd - LL",
				displaySeconds: true,
			},
		},
		{
			module: "MMM-Worldclock", // https://github.com/bkeyport/MMM-Worldclock
			position: "top_bar",
			config: {
				offsetTimezone: "UTC",
				style: "bottom",
				clocks: [
					{
						title: "Eastern<br>",
						timezone: "America/New_York",
						timeFormat: "hh:mma[<br>]Do",
					},
					{
						title: "Sydney, AU<br>",
						timezone: "Australia/Sydney",
						timeFormat: "hh:mma[<br>]Do",
					},
					{ 
						title: "World<br>",
						timezone: "UTC",
						timeFormat: "HHmm[<br>]Do",
					},
				]
			},
		},
		
		{
 			module: "MMM-Multimonth", // https://github.com/BKeyport/MMM-Multimonth
			position: "top_bar",
			config: {
				startMonth: -1, // Define when you start from current month (negative is before current, zero is current, positive is in future)
				monthCount: 3, //  How many months to display
				monthsVertical: false, // Whether to arrange the months vertically (true) or horizontally (false).
				//repeatWeekdaysVertical: true, // Whether to repeat the week days in each month in vertical mode. Ignored in horizontal mode.
				weekNumbers: false, // Whether to display the week numbers in front of each week.
				highlightWeekend: false,
				startWeek: 0,
				otherMonths: true,
			}
		},

I’m assuming you’re using https://github.com/TeraTech/MMM-WiFiPassword

in custom.css

.MMM-WiFiPassword {
	max-width: <width in pixels>px;
}

HOWEVER: the system will align the module left within the region, so you’ll be left with dead space to the right of the module.

There might be a compromise. Again, in custom.css:

.MMM-WiFiPassword  .layout-horizontal {
  float: center;
  display: inline;
  padding-right: .5em;
}

Should push the information to center, if I’m reading the code/css correctly.

You can play around with the CSS to do what you want. Use developer mode on a web browser to figure out what’s what along with the .css file in the directory of the module.

Just remember to put your changes in custom.css, not anywhere else.