Home/ Questions/Q 9118733
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T05:13:31+00:00

Following is my div in which i am trying to create a square in

  • 0

Following is my div in which i am trying to create a square in a div , the problem i faced is that when ever i try to create a square then square goes to new line.

Example:

My [SQUARE] Should look like this // NO linebreak

But my // line automatically break
[SQUARE] 
/* line automatically break */ look like this

Note: I cannot use float to left and right and also i tried display:inline; but it didnot work. Kindly let me know how can i create a square inline to my content

<div style="width:10px; height:10px; border:1px solid #000; background:yellow;"></div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    From what I understand this is what’s happening:

    Your content
[SQUARE]
More content

    Instead of

    Your content [SQUARE] more content

    Have you tried display: inline-block;

    Also, check that the containing div is able to fit all this content in a single line.

    Edit: Remember that display: block is the DEFAULT property for (most) elements, and this will force them on a new line. So to change this you override the default yourself by setting a custom display: property.

    For a list of them all go to: http://www.w3.org/wiki/CSS/Properties/display

    • 0