I'm newbie to Advanced CSS. Please see the attached picture, what CSS code can produce this?
I want to produce rectangle and from rectangle top, width line is replaced with a text. Also please let know if there is any such cool tool that allows me to draw figures same as attached picture and auto generate CSS code.
Sure they are "different languages", but they are used together so your question actually doesn't make much sense. You can't display anything with just CSS. The CSS is applied to the structure created by HTML. So if the appearance is already what's needed with the HTML, there's no need to apply CSS. If you want to adjust the default styling, you'd use CSS to do so. For example, you could adjust the colors and border style of the fieldset; or you can add a border or background to the legend, and so on.