HTML Popup Formatting

[JC0133]

So I have popup I created for a button.

I want to have the text "xXyY" and a X closing symbol right on the side of it. Both at the top of the pop up box with a horizontal line under it.

I was able to put a horizontal line under it and the "xXyY" and X above it but I can't get them side by side.

 

[purbeast0]

I'm guessing you aren't using flexbox if you are having these kind of troubles. I'd recommend looking into it for display purposes. It makes this kind of stuff very easy.

CSS Flexbox Layout Guide | CSS-Tricks

Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser...

css-tricks.com

It also doesn't sound like you are using any kind of UI framework and I don't know if you are allowed to or not for what you are doing, but I'd recommend using one of those as well. There is simply no reason to re-invent the wheel and what you are trying to do with having a header at the top of a modal has been done thousands of times and perfected just as many.