Other ways of breaking lines ?

How are you editing the paragraphs? Normally you’d use the ‘Visual’ editor and press the return key, and it would generate paragraphs around your content.

I actually dont ever use the visual editor. For the paragrahs I use the <p>
and using margins. But these are radio buttons.

In the visual editor the buttons are all lined below each other. but when you preview
the page, they aren’t anymore.

Have you tried wrapping the radio buttons in paragraph tags? E.g.:

<p>
 <input type="radio">
</p>
<p>
    Text
<p>

Yes, but the space between the radio buttons is too large then

If you are not using visual editor and using HTML then you can set proper design using css.

Yea true, I tried span class and other codes. No results yet ??

Use the CSS display property and set the display to “block”

“block” always stays on a line by itself
Here’s an example fiddle

Example

Let me know if you need more help

• This reply was modified 7 years, 6 months ago by j09.

Hi I used block before but it still doesn’t do the job somehow.

https://plnkr.co/edit/S06Z86Zzgmw8YwljzH9a?p=preview

You need to apply it to the input fields, not the div surrounding the input fields.

I works but only if you don’t have text in my case at least.

https://plnkr.co/edit/OvcwBzfFte4A0F0NbNSi?p=preview

In that case there needs to be a div surrounding the input fields and text. Then there won’t need need any styling because the div is already displayed block.

https://plnkr.co/edit/bZmGkVm58LWlTn79EaLD?p=preview

Aah yea that worked nice !
Nice way to deal with the <br>