<Page>
  <StackLayout>
    <Button text="no align"    />
    <Button text="left"    style="text-align: left" />
    <Button text="center"  style="text-align: center" />
    <Button text="right"   style="text-align: right" />

    <WrapLayout>
      <Button text="RESET" tap="resetStyles"/>
      <Button text="normal" />
      <Button text="color"             style="color: green"/>
      <Button text="size"              style="font-size: 32" />
      <Button text="italic"            style="font-style: italic" />
      <Button text="bold"              style="font-weight: bold"/>
      <Button text="bold-italic"       style="font-weight: bold; font-style: italic"/>
      <Button text="serif"             style="font-family: serif"/>
      <Button text="sans-serif"        style="font-family: sans-serif"/>
      <Button text="monospace"         style="font-family: monospace"/>
      <Button text="Times New Roman"   style="font-family: Times New Roman"/>
      <Button text="invalid"           style="font-family: InvalidFont"/>
      <Button text="all in one"        style="font-family: serif; font-weight: bold; font-style: italic; font-size: 32; color: green" />      
      <Button text="padding on next"  style="padding: 0"/>
      <Button text="padding and borderWidth"  style="padding: 0; border-width: 5; border-color: red; border-radius: 8"/>
    </WrapLayout>
  </StackLayout>
</Page>