<?xml version="1.0" encoding="utf-8"?>

<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
    <fo:layout-master-set>
        <fo:simple-page-master master-name="my-page">
            <fo:region-body margin="1in"/>
        </fo:simple-page-master>
    </fo:layout-master-set>

    <fo:page-sequence master-reference="my-page">
        <fo:flow flow-name="xsl-region-body">
            <fo:block background="yellow" width="15cm">
                <!-- Builds a block header with a 45 degree miter of the form:
                      ======= ============================
                     |       |                            |
                     | Title |============================
                     |       |   /
                      =======  /

                      The slashes in there are built using a SVG polygon
                      to give a "mitered" look
                 -->
                <fo:block height="2cm" width="100%"> 
                    <fo:float float="left">
                        <fo:block
                                width="5cm" line-height="2cm"
                                padding="0"
                                background="green"
                                color="white">Title</fo:block>
                    </fo:float>
                    <fo:float float="left">
                        <fo:block width="10cm"
                                  line-height="1cm" padding="0"
                                  background="green"
                                  space-after="0"
                                  color="green">.</fo:block>
                        <fo:block width="1cm"  
                                  content-height="1cm"
                                  border-width="1pt"
                                  border-style="solid" border-color="red"
                                  padding-before="0" space-before="0" 
                                  color="white" padding="0" >
                            <fo:instream-foreign-object 
                                  padding-before="0"  padding-after="0"
                                  space-before="0" space-after="0"
                                  vertical-align="top"
                                  display-align="before"
                                  content-height="1cm">
                                <svg:svg xmlns:svg="http://www.w3.org/2000/svg"
                                        height="100px" width="100px" >
                                    <svg:polygon points="0,0 100,0, 0,100"
                                            style="fill:green; stroke:blue"
                                            stroke-width="1" />
                                </svg:svg> 
                            </fo:instream-foreign-object>
                        </fo:block>
                    </fo:float>
                </fo:block>
                <fo:block>
                        <fo:inline>seperator text there is a lots of texts
                                dfkjda djfdl fdfjdal dfjdfsa dlkjfd lkjfd;a
                                kjfkdj ;ajf adjfafda dfjd dfjd djfdf adfdas
                                l;afjd adfkjf a;lkdfj ad;fdkj
                                adfda;kjfa</fo:inline>
                </fo:block>
            </fo:block>

            <fo:block>Some text</fo:block>
        </fo:flow>
    </fo:page-sequence>
</fo:root>



