Semi-Expanded: In this option the selector and start of the curly brace are placed on the same line, the various properties appear in a new line and the closing curly braces appear in yet another new line as shown below:

<style type="text/css">

.MyCSStyle { text-align: center; margin-left: 5px; } </style>

Expanded: In this option, the selector, curly braces and the properties all appear on different lines as shown below.