Vertical-Alignment on Image and Text in Span
PHP Web Dev 101
I have a text and image vertically aligned perfectly.
(Question/Issue) But I would like to put another line under it, like so...
I've tried putting a <br\> in the span but the text then goes directly under the image.
Here's the code for the first vertical alignment.
<img src="/" class="circular" style="vertical-align:middle;">
<span class="text">Text</span>
Praveen Singh
You can use line-height on text if you know image's height.
See this snippet:
.img {
float: left;
}
.txt {
float: left;
margin: 5px 0 5px 10px;
}
.txt-line {
line-height: 20px;
}<div>
<img class="img" src="http://placehold.it/50x50" />
<div class="txt">
<div class="txt-line">Title</div>
<div class="txt-line">Description</div>
</div>
</div>Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: Why is isnormal() saying a value is normal when it isn't?
- Next: how can i get objc_property_t type
Related
TOP Ranking
- 1
pump.io port in URL
- 2
grouping by column variables and appending a new variable based on condition
- 3
Failed to listen on localhost:8000 (reason: Cannot assign requested address)
- 4
Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background
- 5
Group boxplot data while keeping their individual X axis labels in ggplot2 in R
- 6
Vector input in shiny R and then use it
- 7
BigQuery - concatenate ignoring NULL
- 8
Can a 32-bit antivirus program protect you from 64-bit threats
- 9
How to remove the extra space from right in a webview?
- 10
How to how increase/decrease compared to adjacent cell
- 11
android.content.Context.getSharedPreferences(java.lang.String, int)' on a null object reference id DBhandler
- 12
Getting 502 Bad Gateway Error While Deploying WordPress On Dockerized Lemp?
- 13
Type 'number' is not assignable to type 'NgIterable<any>' when trying to async observe a datasource
- 14
Check if a number is a perfect square
- 15
FFmpeg resize without upscaling
- 16
How do I display Label text character-by-character?
- 17
How to show an image in a View with ASP.NET MVC 5? (Many suggestions failed so far)
- 18
Json Schema - Conditional Evaluation with RegEx
- 19
PlayOnLinux displays weird looking window on 18.04 for MS Office installation
- 20
JMeter: Why get error when try to save test plan
- 21
Emulator wrong screen resolution in Android Studio 1.3
Comments