Javascript 单选按钮在获取文本框时改变位置

我在一个div上有两个单选按钮yes和no。当我选择yes时，我希望打印一些文本，说“输入软件名称”，并在可以输入名称的地方显示一个文本框。我无法打印文本。然而，我能够得到文本框，但它改变了另一个单选按钮的位置。我怎样才能做到这一点

功能显示（收音机）
{
开关（无线电值）
{
案例“是”：
document.getElementById（“Sname”）.style.display=“inline”；
}  
}

#无线电1{
位置：相对位置；
宽度：300px；
高度：370px；
字体大小：15px；
文本对齐：居中；
利润上限：70像素；
边缘底部：0px；
左边距：500px；
右边距：70像素；
背景：#c03f80；
}
img.resize{
位置：相对位置；
宽度：30px；
高度：30px；
边缘顶部：100px；
背景：#009900；
}
.放射组标签{
显示：内联块；
文本对齐：居中；
边缘：0.2米；
边缘顶部：150px；
边缘底部：0px；
}
.radioGroup标签输入[type=“radio”]{
位置：相对位置；
保证金：0.5em自动；
}
.卡片容器{
前景：700人；
}
a{
颜色：白色；
字体系列：segoe UI light；
字体大小：粗体；
}
身体{
背景:#fffff；
}
p{
线高：40px；
位置：绝对位置；
顶部：10px；
左：0；
颜色：白色；
字体大小：粗体；
字体系列：segoe UI light；
字体大小：32px；
字体风格：普通；
字体变体：小大写字母；
}
#党卫军{
字体系列：segoe UI light；
字体大小：100px；
边缘顶部：30px；
文本对齐：居中；
}
#全页{
宽度：1000px；
左边距：自动；
右边距：自动；
}
.隐藏{
显示：无；
}

软件安装
你有软件名吗

是

否

非常原始的css问题。当你添加一个新的组件时，它确实会在屏幕上出现。请显示您的代码，以便我们更正。我已经给出了我的html、css和js。嘿@KrishGambhir，我修复了您代码的缩进，并意识到您的html代码中缺少一个

和一个

中断在javascript代码中。我没有纠正它们，因此问题的内容不会改变，但您可能希望对此进行调查，看看纠正后是否解决了您的问题。