Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 111
  • Last Modified:

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
0
Michael Vasilevsky
Asked:
Michael Vasilevsky
1 Solution
 
Scott Fell, EE MVEDeveloper & 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

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now