html - Align <p> inline next to text -


i trying align styled p tag next echo'ed text once add display:inline; property text not align right.

code:

echo $flight[0]; echo '<p style="display: inline; text-align: right;">'.$flight[11].' - '.$flight[13].'</p><br>';

the text does align right. issue an inline element wide content, aligning text left, or center, or right, doesn't change visually. check example below. i've applied border can see what's going on.

to provide solution, please edit question , explain result supposed like.

p { border: 1px dotted red; }
<p style="display: inline; text-align: left;">text aligned left</p>  <br />  <p style="display: inline; text-align: center;">text aligned center</p>  <br />  <p style="display: inline; text-align: right;">text aligned right</p>


-

Comments

Post a Comment

Popular posts from this blog

renaming files in a directory using python or R -

i went across similar questions of renaming files in directory using python. i have these files in directory want rename: -statistical_analysis_with_r -statistical_pattern_recognition_3rd_edition -statistical analysis r -statistical pattern recognition 3rd edition for wrote script in windows: def naming(so): import re w=re.split('[ _]+',so) r=[] in w: r.append(i.capitalize()) print(' '.join(r)) import os c in os.listdir(os.getcwd()): if c.endswith(".pdf"): os.rename(c,naming(c)) print(os.listdir(os.getcwd())) but getting error: statistical analysis r.pdf traceback (most recent call last): file "<ipython-input-79-d7f645d6d3e5>", line 4, in <module> os.rename(c,naming(c)) typeerror: rename: can't specify none path argument can what's going on? and doing same thing using r (www.r-project.org)? loads of in advance. your naming functio...
Read more

html - outline-style different in chrome compared to firefox and internet explorer -

seems firefox , ie have default of black dotted outline while chrome has default of light blue solid outline. i tried change doing this: a{ outline-style: dotted; outline-color: black; } this seems catastrophe links got dotted black outline not hovered or focused. terrible because "outline" thing can differentiate mouse focus keyboard key focus. any other idea on how make chrome's outline others ? <!doctype html> <html> <head> <style type="text/css"> body{ font-size: 1.5em; font-family: verdana; } .zone2 a{ outline-width: thick; outline-color: red; } .zone3 a{ outline-style: solid; } </style> </head> <body> outline tests:<br/> <div class="zone1"> <a href="#">test link 1</a><br/> <a href=...
Read more

Images won't display through CSS -

if try set background image using css, flat out not load. if use same path in html, will. making slider of these images, hence need work css. i've browsed every answer on internet similar problems , nothing works. relevant html: <div class="slider-container"> <div class="slider5"></div> <div class="slider4"></div> <div class="slider3"></div> <div class="slider2"></div> <div class="slider1"></div> </div> css: .slider-container { overflow: hidden; width: 100%; height: auto; } .slider1, .slider2, .slider3, .slider4, .slider5 { width: 100%; height: auto; position: static; top: 0px; cursor: pointer; transition: 0s linear; -webkit-transition: 0s linear; -moz-transition: 0s linear; -o-transition: 0s linear; } ...
Read more