Formatting Div in a jQuery UI Accordian

I have the following code meant for mobile devices: codepen

What's the best way to get the contents of the accordion drop-down to display like:
Open: 17Jul16
Type:  Critical
Responsible: M. Williamson
Description: ...

with right-aligning the first column (the headers), and left-aligning the second column (the values) so everything looks pretty?

Any help is appreciated! I'm relatively new to CSS.

Thanks,

Michael
LVL 11
Michael VasilevskySolutions ArchitectAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Scott Fell, EE MVEConnect With a Mentor Developer & EE ModeratorCommented:
add to your css
.header{
  float:left;
  margin-right:10px;
}
.header::after{
  content:":"
}

Open in new window

http://codepen.io/anon/pen/dXZoxo
0
 
Michael VasilevskySolutions ArchitectAuthor Commented:
Very nice - thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.