Search the Community

Showing results for tags 'text'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH


  • Community Calendar




Website URL








Found 28 results

  1. Hi, I just need a simple code to add space between words. I have some text above a pic so I would like one word to align to the left and the other to the right. So it would be (if you refer to the image) Seca 674 Information. One of my words is actually a link to another page though so not sure what I can use. I thought of using <p>...</p> but then the height spacing is too big (like the top image in the picture attached). Help! Thanks in advance for all your suggestions.
  2. HTML CODE:- <body> <main> <article> <header> <h1>Azure Kingfisher</h1> </header><hr> <p>This stunning little kingfisher is common on waterways across the <a title="Top End Australia Video"; href=" " target="_blank">Top End</a>, but can be difficult to see well. this is some text about the kingfisher this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.sdnf iuhrwei hear hoheo eogflkvoiejar glk oisdfj w oaif iasdfi asoif asidfjsaifdj osaijdfiasdf insadfoi</p> <p> <figure> <a href="azure.html" target="_blank"> <img title="Click to enlarge" src="thumbnails/birdpict.png" alt="thumbnail" style="float:left; height:150px; width:110px" /></a> </figure> </p> <p id="arc2">this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.this is some text about the kingfisher. this is some text about the kingfisher.sdfh osadf' sfoi jsdfj sdofj sdfw'ej fsdlkf aslkfl askdfn sadf sadf oifn afoin asdfn saodifnwieafn'o iwnfkanef iewfan</p> </article> </main> Linked CSS:- body{ background-color: #1eed8c; margin-right: 20%; margin-left: 20%; border: 2px dotted blue; font-family: sans-serif; line-height: 180%; } h1{ color: blue; text-align: center; } p#arc2{ padding-left: 5px 5px 5px 5px; } article{ color: green; padding: 5px 5px 5px 5px; border-bottom: 1px solid rgb(88, 88, 88); } img{border: 2px solid black;} footer{ margin-left: 74%; } a:link {color: blue; background-color: transparent; text-decoration: none;} a:visited {color: maroon; background-color: transparent; text-decoration: underlined;} a:hover {color: yellow; background-color: transparent; text-decoration: none;} The pic of the kingfisher, which is a thumbnail, is right beside the text= arc2. There is no space between the image and the text. I tried padding the #parc2 (second article that was beside the image but still no effect). The image has a black border that I don't want to remove. If I add padding to the image the border sticks to the text(arc2).
  3. Hi all I have a html code: <a href="link" > <img style="position:absolute; top:400px; left:150px; width:200px; height:100px" src="images/funk.jpg" /> </a> I want to write a text below this image. How can i do this? Regards
  4. I'm trying to change the text color scheme of the following, plus i would also like to bold. Web page displays (just text) but only (Update cart) is linked: Update cart or This is the code for above: <input type="submit" id="update-cart" name="update" value="{{ 'cart.general.update' | t }}"> "cart": { "general": { "title": "Cart", "update": "Update cart", "or": "or", "checkout": "Check out", The "Check out" is a Button (I didn't include code, because I didn't want to change it) I'm not sure what tag(s) I should use, I've tried <h3>, <h3 style>, <div>, <div style>, <span> and they all give me errors. I'm editing within Shopify html editor, they use (.liquid) top code, and (.json) bottom code Any suggestions would be much appreciated, thanks so much.
  5. Hello, I'm attempting to re-create this Wix page -!new-equipment/c10au -in WP using the genesis theme. However, I'm having issues with spacing and alignment. Here's the code I have: <style> div.container{ position: relative; } p { text-align: center; margin-bottom: 60px; } div.container img{ position: absolute; top: -30px; left: -10px; right: -10px; } </style> <div class="container"> <img src="" /> <img src="" /> <img src="" /> <img src="" /> <img src="" /> <img src="" /> <img src="" /> <img src="" /> <img src="" /> <img src="" /> <img src="" /> <img src="" /> <img src="" /> <img src="" /> </div> Any help would be great. Thanks, Kelsey
  6. Hi there! I'm new! Got my first qustion. I originally wanted to use the <marquee> tag to move multiple words across my page, thus moving them offscreen, in a continuous loop. However, I found out the marquee tag is obsolete, and now I have to use the CSS3 Animations and Transitions to do the same thing. However, I can't find a way to make the word slide off screen entirely, and then simply reloop, like a regular marquee. Can someone please help me do this, in the simplest way possible? Also, since I'm new to this particular section, please give all your advice in the simplest way! I want to say thank you in advance as well.
  7. Hello, I'm working at a site in wordpress, I use 'inspect element' a lot, and I want to know how can I see all the default font styles and their preview, so I can choose it more easily. In inspect element it only shows me the one available for font-family : serif, sans-serif, monospace, fantasy etc. Is there maybe a site or something (or a chart) where I can instantly see all those default text styles (so not something I have to download), and their preview? Thanks.
  8. I am creating an app with much text-information. So what is an easy way to link all the text and pictures to the index.html file? Using iframe? When using iframe only 3-4 cm of the text shows… <iframe id="iframeGeo" src="teoritekst/page7Geology.html" frameborder="0" height="100%" width="100%"></iframe> In the index.html file I have this code: <div data-role="page" id="page8Production"> <div data-role="header" id="txtHeader"> <h1>Produksjon</h1> <a data-role="button" id="btnBack" href="#page6Knowledge" data-inline="true">Back</a> </div> <div data-role="content"> <div class="div-widget"> <div> <blockquote class="txthistorie"> <span id="txtInfo"><h1>Utvinnning</h1></span> <a href="" class="thumbs"><img src="images/plattform.png style="width:304px;height:228px"/></a> <p>very much text here, therfore I have to link to another htmlfile. I cannot write all this in index.html</p> </blockquote> </div> </div> </div> In this application, there are some buttons, when clicking them you can read a lot of text. This hurry bit, so grateful for all the answers. Sorry for my bad english.
  9. Hey everyone. I wanted to find out how to make space between my image and text. Right now the page looks somewhat like this: An image and text have no space between them like I want to. I tried to do margin and padding but they didn't work. I'm not really good with code (I'm a beginner) so I don't know maybe I'm doing something wrong. And I want my text not to be under the picture but for it go downwards not under the image. Thank you for whoever answers.
  10. I am not very experienced in html so I hope someone can give me some help. The attached script I copied from W3Schools. What I like to do is to add text below the galerie, as a paragraph or so, insuch way it always stays below the pictures. I tried a lot of things without succes. Any suggestions? TEST01.htm
  11. Goal: To set text indent in the first paragraph after a heading to a value of 0px; with subsequent paragraphs to be set with a text indent of N.px. Query: Can this be done?
  12. Hi, I am building my first web site & very new to html code etc.... One problem I can't seem to solve is that in my site I have two tables next to each other. One floating right & one floating left. They are different heights & will fluctuate in content over time as they contain variable information. Under the two tables I have a <p> footer with some text in it. I can sometimes get the text in my web editor (web expressions 4) to span the page & sit under both tables, but this never works in all browsers when I preview it. Some let the text float up under the shorter table & some span the text at a random point? What is the best code to allow text to always span the page & not float up, but at the same time be responsive to the changes in the tables heights? Have tried divs, breaks & lines but without success in chrome/IE/firefox (using eric meyers css/reset as well to null any variables). Thanks. PS: w3sch is an excellent resource.....
  13. Hello, I wanted my website's display area to be exactly 768 px centered on the page. So here's the css properties I applied to the "main" div that contains every element I add on my webpage: div#main { margin-left: auto ; margin-right: auto ; width : 768px ;} It works, fine, however when I select several lines of text inside it, the blue selection is bleeding all the way to the left and right of the window (see attached image). How can I prevent this from happening? Thanks for reading! Thomas
  14. Hello! I am by no means a professional - excuse what may be a silly question, and definitely silly code! I have 2 problems I would define as glitching and shifting that I cannot solve: Here is the site I am discussing: 1.) A complete shift of text and a smaller header logo when you click the CONTACT link. 2.) When each link on the page is clicked, the entire page formatting shifts until the page has downloaded. What is this?? It's driving me bonkers.... I have included the CSS and a few pages from the site to this posting since I have no idea which part of the code is at fault for either of these problems. Any help would very VERY much appreciated - trying to get it nice n smooth! stylesheet.css Contact.html Deakin.html index.html
  15. I just put together my own website on Weebly and need someone to give me some feedback on ease of navigation, the photos of my work, the text, and overall. I would also like to know what is the best way to advertise to get people to my site. I have almost a non-existent budget for more advertising since I'm also applying to outdoor juried shows. I have already tried Google adwords but got nowhere with that. Thanks in advance
  16. Hello again, It would seem that the final piece of my puzzle doesn't want to play nice. I've wrapped my footer links and text in a <div> and styled everything so that the footer is nice and centered, filling the width of the site_wrap <div> it is all within nicely- that is in IE any way. In Firefox there are clearly differences between font width (which should just be font-size), line-height, font-weight, letter-spacing and word-spacing. To combat this, I tired styling each of these properties with exact values (in case browser-default stylesheets were slightly different) as follows in the bottom 5 properties: #bottom_links { width: 1200px; align: center; margin: 0 auto; position: relative; top: -60px; left: 20px; font-size: 11.3px !important; font-weight: 300 !important; line-height: 15px !important; letter-spacing: 0px !important; word-spacing: 0px !important; } Note- the !important's shouldn't even be needed as there are no other calls to #bottom_links any closer to the content, but I even tried it in case. Yet none of this styling had any effect. The result didn't change a bit: An example of this has been posted at as I am sure I must be missing something in the code or CSS
  17. what are text files acctually used for?
  18. I would like to place a poem on top of an image I have already made. I want each line of the poem to be single spaced and the starting letter of each line to be vertically below each other as it would be in a column. I want the column to be on the right hand side of the image. How do I regulate the spacing between the lines of text? How can I ensure that each line of the poem is retained as per the original layout? How do I position the column of text on the image?
  19. Hi Can someone point me in the direction of a tutor so I can learn how to remove or hide things using css. I'm running a wordpress woocommerce store and need to add css in a plug-in box that will remove or hide items. If I have to I can find the css sheet for the plug-in and work from there. I know how to build a basic css sheet to make my own pages but never tried to remove anything using css. Any help of where I can find a good tutor would be much appreciated.Kimberly
  20. Ok, so i still work with the whole thing, but this is what i try to figure out. 1. LOOK AT UPLOADED PICTURE FOR SEEING MY DESIGN! 2. as you see, i have only made the css/html part (a danish website (own project)) and the box to left (with the loading-bar), a simple image. I was wondering if anyone in here knew how to change the html text under it like (Data OK) or something like that if the username we got back was true and OK before moving on to the index.php page?.. 3. just to clarifie, it's an user-login page i am trying to figure out here ... 4. This is my whole takelogin.php file: <?phprequire_once ("include/core.php");require_once ("include/password_functions.php");require_once ("include/boxes.php");get_template();dbconn();$HTMLOUT = "";//starting var...$stdhead = array(// include css 'css' => array( 'side_boxes', 'boxes_signup' ));$stdfoot = array(// include js 'js' => array());$HTMLOUT .= "<div class='wrapper_signup_div'>";//MAIN INDEX WRAPPER START...//============================//START LEFT DIV CONTAINER...$HTMLOUT .= "<div class='left_signup_div'>";$HTMLOUT .= box_start("Sender data..."); $HTMLOUT .= "<center><img src='templates/".$PF['style']."/images/login_loader.gif'></center>";$HTMLOUT .= box_end();$HTMLOUT .= "</div>";//ENDING LEFT DIV CONTAINER...//============================//============================//START RIGHT DIV CONTAINER...$HTMLOUT .= "<div class='right_signup_div'>";$HTMLOUT .= box_start(); $HTMLOUT .= "Tjekker info i databasen og sender dig videre hvis det er korrekt...<br /><br />"; $HTMLOUT .= "Hvis intet sker inden 5 sekunder, klik <a href='#'>her</a>";$HTMLOUT .= box_end();//==========RUN LOGIN PROCEDURE=============== $uname = $_POST['username']; //Form Names... $pass = $_POST['password']; //Form Names... if(isset($pass) !== "") { $passhash = md_5($pass); //*Securing The Data... } $query = "SELECT * FROM users WHERE username = " . sqlesc($uname) . " AND passhash = " . sqlesc($passhash) . " AND enabled = 'yes' AND status = 'confirmed'"; //exit($query); // <-- debug if the query is as it should be $query_result = mysql_query($query)or die(mysql_error());//Running query to the DB...//$HTMLOUT .= "Username = " . $uname . "<br />";//$HTMLOUT .= "pass = " . $pass . "<br />";//$HTMLOUT .= "MD5 pass = " . $passhash . "<br />";//$HTMLOUT .= "Query = " . $query . "<br />";//$HTMLOUT .= "Query Result = " . $query_result . "<br />"; if(mysql_num_rows($query_result) > 0)//if the DB returns somfthing, then run... { $row = mysql_fetch_array($query_result, MYSQL_ASSOC); if(isset($_POST['cookie_login'])) { //$HTMLOUT .= "Cookie Login..."; logincookie($row['u_id'], $row['passhash'], true); }else{ //$HTMLOUT .= "Session Login..."; login_session($row['u_id'], $row['passhash'], true); }//ending else statement... header('Refresh: 3; url=index.php');//with time delay... } else//Error messeage... { $HTMLOUT .= "<hr /><center>Enten er kodeord forkert, ellers er brugernavnet forkert...</center>"; header('Refresh: 3; url=login.php');//with time delay... } //header("Location: index.php"); //header('Refresh: 3; url=index.php');//with time delay...//==========RUN LOGIN PROCEDURE===============$HTMLOUT .= "</div>";//ENDING RIGHT DIV CONTAINER...//============================$HTMLOUT .= "</div>";//MAIN INDEX WRAPPER END...print stdhead('Logger ind...' , $stdhead) . $HTMLOUT . stdfoot($stdfoot);?> Note that the PHP-LOGIN part is still being developed.. i just need to know if anyone could be helpfull and give me a smaller clue about what or where to look for a peace of jQuery code that looks like the thing i am trying to do... if you dont understand me as always (lol x)), then comment, and i will try to re-explain in details and best i can. -Thanks in advance as always!
  21. Hi ,Recently start making a blog and i have an issuewhen I am making a new post all are fine except post headerI type it in Greek and text is not showinghere is my blog my templatehttps://www.blogger....pandWidget=true It looks like it's using a canvas to display the text, for some reason: <h3 class="post-title"><a href="">ev<cufon class="cufon cufon-canvas" alt="Ποποβιτς " style="width: 9px; height: 23px;"><canvas width="27" height="27" style="top: -3px; left: -2px; width: 27px; height: 27px;"/><cufontext>Ποποβιτς </cufontext></cufon><cufon class="cufon cufon-canvas" alt="ναι, " style="width: 15px; height: 23px;"><canvas width="34" height="27" style="top: -3px; left: -2px; width: 34px; height: 27px;"/><cufontext>ναι, </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Καμαρα " style="width: 9px; height: 23px;"><canvas width="27" height="27" style="top: -3px; left: -2px; width: 27px; height: 27px;"/><cufontext>Καμαρα </cufontext></cufon><cufon class="cufon cufon-canvas" alt="οχι!" style="width: 7px; height: 23px;"><canvas width="27" height="27" style="top: -3px; left: -2px; width: 27px; height: 27px;"/><cufontext>οχι!</cufontext></cufon></a></h3> Template Owner dont reply to me any idea?
  22. Hi! I have a problem with wrapping the zeroes within the 'content' div although i am using the 'white-space' property with a 'pre-line' value . I don't know where I went wrong. Help please. >_< .content{background-color:green;width:750px;height:510;padding-left:5px;padding-right:5px;border:5px solid gold;margin-left:10px;margin-top:10px;float:left;white-space:pre-line;color:black;} <div class="content">CONTENT0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000</div> Here is the code for the whole page. <html><head><style type="text/css">a:link {text-decoration:none; color:white; } /* unvisited link */a:visited {text-decoration:none; color:white;} /* visited link */a:hover {text-decoration:underline;color:grey;} /* mouse over link */a:active {text-decoration:underline;color:black;} /* selected link */body{font-family:arial;color:white;}.container{background-color:#191919;font-family:arial;width:1000px;height:1000px;margin-left: auto ;margin-right: auto ;}.logo{background-color:grey;width:190px;padding-top:85;padding-bottom:85px;text-align:center;border:5px solid gold;margin-left:10px;margin-top:10px;float:left;}.banner{background-color:green;width:760px;height:190px;margin-left:10px;margin-top:10px;float:left;border:5px solid gold;}.sidebar{background-color:green;width:100px;height:500;padding:45px;text-align:center;border:5px solid gold;margin-left:10px;margin-top:10px;float:left;}.menu{background-color:red;width:760;padding-top:5;padding-bottom:5;margin-left:10px;margin-top:10px;float:left;border:5px solid gold;}.content{background-color:green;width:750px;height:510;padding-left:5px;padding-right:5px;border:5px solid gold;margin-left:10px;margin-top:10px;float:left;white-space:pre-line;color:black;}{ word-spacing:100px;list-style-type:none;}li.inline{display:inline; }</style></head><body><div class="container"><div class ="logo">LOGO</div><div class="banner">BANNER</div><div class="sidebar">SIDEBAR</div><div class="menu"> <center><ul class="online"> <li class="inline"><a href="">Home</a></li> <li class="inline"><a href="">Log-In</a></li> </ul></center></div><div class="content">CONTENT0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000</div></div></body></html>
  23. Hi guys,I'm trying to integrate an online rich text editor in my web site.I have found an HTML code that create an awesome rich text editor and I want to keep using it for my site, but in the tutorial, the author don't have write the code to allow the user to save the file (with the bold, underline ecc propriets) on their PC.Now, the rich text editor is in a private area, with you can access with a login written in PHP ad MySQL and I want that the file will not be saved in their PC but I want that the file will be saved in a directory (in my server) witch only the owner of the file can access the file with the login. I want also that the file must have a 'name'.I want that the saved file will be appear in a list in a page and with a click in the file's title, it will be opened in the editor page.Sorry for my bad English but I'm an Italian user :)I know that this is very difficult but i really need this rich text editor with the save option.I have posted in PHP zone because I think that the script to save the file must be written in PHP to work with MySQL. Here you can found the code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" ""><html> <head><style type="text/css">/*<![CDATA[*/#editor {width: auto;height: auto;}#firefoxerror {display: none;/*]]>*/</style><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><title>Senza nome 1</title><style type="text/css">.auto-style1 {font-family: Tahoma;}</style></head><body onLoad="def()"><script type="text/javascript">if (navigator.userAgent.indexOf("Firefox")!=-1)document.write("L' editor non supporta Firefox. Usate Internet Explorer, Google Chrome, Safari o Opera.")</script><center><div id="editor"><div style="width:549px; text-align:left; margin-bottom:10px"><table style="width: 103%"><tr><td class="auto-style1" style="width: 209px"><a href="">← Torna indietro</a></td><td style="width: 38px"><img src="" height="26" width="26"></td><td><img src="" height="26" width="26"></td></tr></table><br><input type="button" id="bold" style="height:21px; width:21px; font-weight:bold;" value="G" onClick="fontEdit('bold')" title="Grassetto"/><input type="button" id="italic" style="height:21px; width:21px; font-style:italic;" value="C" onClick="fontEdit('italic')" title="Corsivo" /><input type="button" id="underline" style="height:21px; width:21px; text-decoration:underline;" value="S" onClick="fontEdit('underline')" title="Sottolineato" /> |<input type="button" style="height:21px; width:21px;"value="S" onClick="fontEdit('justifyleft')" title="Allinea a sinistra" /><input type="button" style="height:21px; width:21px;"value="C" onClick="fontEdit('justifycenter')" title="centrato" /><input type="button" style="height:21px; width:21px;"value="D" onClick="fontEdit('justifyright')" title="Allinea a destra" /> |<select id="fonts" onChange="fontEdit('fontname',this[this.selectedIndex].value)"><option value="Arial">Arial</option><option value="Comic Sans MS">Comic Sans MS</option><option value="Courier New">Courier New</option><option value="Monotype Corsiva">Monotype</option><option value="Tahoma">Tahoma</option><option value="Times">Times</option></select><select id="size" onChange="fontEdit('fontsize',this[this.selectedIndex].value)"><option value="1">8 pt</option><option value="2">10 pt</option><option value="3">12 pt</option><option value="4">14 pt</option><option value="5">16 pt</option><option value="6">18 pt</option><option value="7">20 pt</option></select><select id="color" onChange="fontEdit('ForeColor',this[this.selectedIndex].value)"><option value="black">Nero</option><option style="color:red;" value="red">Rosso</option><option style="color:blue;" value="blue">Blu</option><option style="color:green;" value="green">Verde</option><option style="color:#FF00FF;" value="pink">Rosa</option></select> |<input type="button" style="height:21px; width:21px;"value="1" onClick="fontEdit('insertorderedlist')" title="Elenco numerato" /><input type="button" style="height:21px; width:21px;"value="●" onClick="fontEdit('insertunorderedlist')" title="Elenco puntato" /><input type="button" style="height:21px; width:21px;"value="←" onClick="fontEdit('outdent')" title="Riduci rientro" /><input type="button" style="height:21px; width:21px;"value="→" onClick="fontEdit('indent')" title="Aumenta rientro" /></div><iframe id="textEditor" style="width:807px; height:427px;"></iframe></center><script type="text/javascript"><!--textEditor.document.designMode="on";;textEditor.document.write('<head><style type="text/css">body{ font-family:arial; font-size:13px; }</style> </head>');textEditor.document.close();function def(){document.getElementById("fonts").selectedIndex=0;document.getElementById("size").selectedIndex=1;document.getElementById("color").selectedIndex=0;}function fontEdit(x,y){textEditor.document.execCommand(x,"",y);textEditor.focus();}--></script></div><div id="firefoxerror"><p>Attenzione! Stai usando Mozilla Firefox che non è supportato dall Editor. L' Editor supporta Internet Explorer, Chrome, Opera e Safari.</p></div></body></html> Thank you, Best regards,Francesco
  24. Hey guys. Hope everyone here had a great 4th of July holiday! I am building an internal site that of course is only accessible via intranet. Its primary coding is very simple. Its HTML based with some Javascript and some VBScript. I will be honest. I am not an expert programmer by any means. So here is the issue. We have no access to the server logs as we do not admin the logs nor are we allowed to request them. We are basically borrowing the space. My management wants to have each page, when accessed or clicked on (either one) to log the hit to a csv file and a txt file saved on the server. I know a lot of people dont think VBScript is the way to go. This is what is needed in each column in the log: Date\Time stamp \ Hostname \ NT Login \ Page that was loaded We are in a Windows XP\7 Environment. We know this server supports IIS. We are also currently using SSI for our DHMTL menu. I was hoping someone could help me use the DHTML menu as an "onclick" so that any option clicked on the menu by the client would log the above information to a specific file. We are very limited on the access we have on the server. I am not very skilled in VBS at all and this is simply a last minute side project they want to test out. So if someone could help me with this that would be excellent. Thank you in advance.
  25. Hi,I tried the following code but can not get the result of textLength and lengthAdjust. Why? I created the SVG file and opened it with the browser (explorer, firefoz, chrome) but I get the same result. <?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" xmlns=""><g style="font-size: 14pt;"> <path d="M 20 10 20 70 M 220 10 220 70" style="stroke: gray;"/> <text x="20" y="30" textLength="200" lengthAdjust="spacing">Two words</text> <text x="20" y="60" textLength="200" lengthAdjust="spacingAndGlyphs">Two words</text> <text x="20" y="90">Two words <tspan style="font-size: 10pt;">(normal length)</tspan></text> <path d="M 20 100 20 170 M 100 100 100 170" style="stroke: gray;"/> <text x="20" y="120" textLength="80" lengthAdjust="spacing">Two words</text> <text x="20" y="160" textLength="80" lengthAdjust="spacingAndGlyphs">Two words</text></g> </svg> Thanks