rajat porwal 0 Report post Posted September 26, 2019 I am not able to understand how to enter any other element under SVG. suppose if you have to put your form under the SVG CIRCLE then how you will do it. Or suggest any other idea how i can nest my form's input text field under SVG. I also want to know weather i can align any form's input field like we can align texts. please answere my questions. Quote Share this post Link to post Share on other sites
PHPremote 0 Report post Posted June 3 Could you submit some or your relevant code? Try Quote <html> <body> <center> <svg style="border:5px solid blue;background-color:tan;margin:0 auto;" height="100" width="100"> <circle cx="50" cy="50" r="40" style="fill:white;stroke:blue;stroke-width:10;" /> </svg> </center> </body> </html> The result is shown in the attached html file. w3forum_cirrle_rajatporwalJune3.html Quote Share this post Link to post Share on other sites
Ingolme 1,008 Report post Posted June 3 You cannot put HTML inside an SVG. Quote Share this post Link to post Share on other sites
Sherin 1 Report post Posted June 4 You can html element inside an SVG using foreignobject <html> <head> <meta charset="UTF-8"> <title>HTML inside SVG</title> <style type="text/css"></style></head> <body> <div>I'm a div inside the HTML</div> <svg width="500" height="300" style="border:1px black solid"> <foreignobject class="node" x="46" y="22" width="100" height="100"> <div style="border:1px yellow solid">I'm a div inside a SVG.</div> </foreignobject> </svg> <div>Interesting! But you a Foreign Object.</div> </body> </html> Quote Share this post Link to post Share on other sites
