html code: need to have code produce result in one line?

A

ara

New member
The following code:
<font face="Calibri, Trebuchet, sand-serif" color="black" size="4">Search</font>
<p style= "border-style:solid;border-color:black;border-width:thin;width:130;height:30">

Produces the following:

Search
and a figure of a box

I need to figure out how to position the box in the same line as Search.

Thanks,
I would like to have the text "Search" and a box following "Search"
 
The following code
" <p style=......"
will command the browser to create a new line.
Therefore, if you want to make it one line, we might think of several choices:
a ) you can put the <p> tag first before the font since it's gonna give us one-line output
---------------------------------------------------------------------------------------------
<p style= "border-style:solid;border-color:black;
<font face="Calibri, Trebuchet, sand-serif" color="black" size="4">Search</font>
</p>
----------------------------------------------------------------------------------------------
b ) try to put the style in <font> tag, then omitting the <p> tag. We can add <br /> after the box coding so that we have the box
----------------------------------------------------------------------------------------------
<font face="Calibri, Trebuchet, sand-serif" color="black" size="4" style= "border-style:solid;border-color:black">Search</font>
<img src="image_source" />
<br />
----------------------------------------------------------------------------------------------
hope it might be helpful..
 
Back
Top