The article info, such as author, creation date, views etc, by default is displayed below each other.

You can easily change this using a CSS hack. Always make a backup first!

Add the following line to your CSS file (custom.css or template.css)

dl.article-info{margin-bottom: 10px;padding-bottom: 6px;border-bottom: 1px solid #eaeaea;color: #349dd1}

You can change the CSS to your liking of course. This is the example that styles the article info section above this article. Make sure your CSS is not overwritten in a Joomla update.

To get rid of the words, you can use a language override. The text string Details comes from the following language string that is available in the file en-GB.com_content.ini that is located in the directory \language\en-GB. Instead of editing the file directly, suggest doing the language override.