<div dir="ltr"><div>I have 2 labels: <br> Label {<br>                id: venueNameLabel<br>                anchors.top: parent.top<br>                anchors.left: parent.left<br>                anchors.leftMargin: 10<br>                textFormat: Text.RichText<br>

                font.bold: true<br>                text: "<style type='text/css'>a:link{color:"+Theme.primaryColor+"; text-decoration: none;} a:visited{color:"+Theme.primaryColor+"}</style> <a href=\"venue\">" + venueName + "</a>"<br>

                color: delegate.highlighted ? Theme.highlightColor : Theme.primaryColor<br>                onLinkActivated: {<br>                    if (link == "venue") {<br>                        console.log ("open venue")<br>

                    }<br>                }<br>            }<br><br></div>and<br><div><br>            Label {<br>                id: venueAddressLabel<br>                anchors.left: venueNameLabel.right<br>                anchors.right: parent.right<br>

                anchors.leftMargin: 10<br>                anchors.rightMargin: 10<br>                anchors.baseline: venueNameLabel.baseline<br>                color: delegate.highlighted ? Theme.secondaryHighlightColor : Theme.secondaryColor<br>

                font.pixelSize: Theme.fontSizeTiny<br>                elide: Text.ElideRight<br>                text: venueAddress<br>            }<br><br></div><div>and result: <a href="http://wstaw.org/m/2014/02/13/plasma-desktopmj2631.png">http://wstaw.org/m/2014/02/13/plasma-desktopmj2631.png</a><br>

</div><div>Is it possible to align them more better?<br></div></div>